css怎么设置不可编辑_CSS

CSS

html5 HTML/Xhtml CSS XML/XSLT Dreamweaver教程 Frontpage教程心得技巧

上一篇: css怎么设置div边框颜色下一篇:什么是css

css怎么设置不可编辑

发布时间：2022-05-17 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了css怎么设置不可编辑，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

css设置不可编辑的方法：1、通过readonly属性规定输入字段为只读实现不可编辑。2、通过disabled属性规定禁用input元素实现不可编辑。

css怎么设置不可编辑

本文操作环境：Windows7系统、HTML5&&CSS3版、Dell G3电脑。

css设置不可编辑：

1、css通过readonly属性规定输入字段为只读实现不可编辑：

<html>
<body>
<form action="/example/html/form_action.asp" method="get">
  
  <p>Name:<input tyPE="text" name="email" /></p>
  <p>Country:<input type="text" name="country" 
  value="China" readonly="readonly" /></p>
  
  <input type="submIT" value="Submit" />
</form>
<p>请在提交按钮上单击，输入会发送到服务器上名为 "form_action.asp" 的页面。</p>
</body>
</html>@H_777_18@效果图：
【推荐学习：css视频教程】
2、通过disabled属性规定应该禁用input元素实现不可编辑
<html>
<body>
<form action="/example/html/form_action.asp" method="get">
  <p>First name: <input type="text" name="fname" /></p>
  <p>Last name: <input type="text" name="lname" disabled="disabled" /></p>
  <input type="submit" value="Submit" />
</form>
<p>请在提交按钮上单击，输入会发送到服务器上名为 "form_action.asp" 的页面。</p>
</body>
</html>
效果图：
disabled 属性：
disabled 属性规定应该禁用 input 元素。
被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止（比如选择了一个复选框等等）。然后，就需要通过 JavaScript 来删除 disabled 值，将 input 元素的值切换为可用。
readonly 属性：
readonly 属性规定输入字段为只读。
只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。
readonly 属性可以防止用户对值进行修改，直到满足某些条件为止（比如选中了一个复选框）。然后，需要使用 JavaScript 消除 readonly 值，将输入字段切换到可编辑状态。
readonly 属性可与 <input type="text"> 或 <input type="password"> 配合使用。
以上就是css怎么设置不可编辑的详细内容，更多请关注脚本宝典其它相关文章！
脚本宝典总结
       以上是脚本宝典为你收集整理的css怎么设置不可编辑全部内容，希望文章能够帮你解决css怎么设置不可编辑所遇到的问题。
		如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。
		本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：

上一篇: css怎么设置div边框颜色下一篇:什么是css

猜你在找的CSS相关文章

全站导航更多