css怎么设置text不可编辑
css设置text不可编辑的方法：1、通过“οnfοcus=this.blur()”方法设置text不可编辑；2、使用readonly属性设置输入字段为只读；3、使用disabled属性设置禁用input元素即可。
本教程操作环境：windows7系统、HTML5&&CSS3版本、Dell G3电脑。
推荐：css视频教程
设置text不可编辑的方法
方法1： οnfοcus=this.blur() 当鼠标放不上就离开焦点
<input type="text" name="input1" value="（）" onfocus=this.blur()>
方法2：使用readonly属性
通过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="true" /></p> <input type="submit" value="Submit" /> </form> </body> </html>
效果图：
方法3：使用disabled属性
通过disabled属性规定应该禁用input元素实现不可编辑
<input type="text" name="input1" value="（）" disabled="true">
说明：
disabled 属性：
disabled 属性规定应该禁用 input 元素。
被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止（比如选择了一个复选框等等）。然后，就需要通过 JavaScript 来删除 disabled 值，将 input 元素的值切换为可用。
readonly 属性：
readonly 属性规定输入字段为只读。
只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。
readonly 属性可以防止用户对值进行修改，直到满足某些条件为止（比如选中了一个复选框）。然后，需要使用 JavaScript 消除 readonly 值，将输入字段切换到可编辑状态。
readonly 属性可与 <input type="text"> 或 <input type="password"> 配合使用。
以上就是css怎么设置text不可编辑的详细内容，更多请关注其它相关文章！
上一篇： css 怎么设置全屏背景图片
下一篇： linux下如何删除文件夹
推荐阅读
-
织梦无法放在二级目录 放在二级目录之后 所有的图片 还有css文件全都不显示了 哪位高手知道怎么回事 咋设置
-
使用Sublime Text作为Markdown编辑器_html/css_WEB-ITnose
-
CSDN-markdown编辑器怎么设置图片大小 图片居中
-
ExtJS中设置下拉列表框不可编辑的方法_extjs
-
不知大家遇到过这种问题么，一个层宽度设为100%，并设置背景图片，在浏览器中浏览，缩小窗口到滚动条出现，然后拖动滚动条到右侧，右侧的区域变成空白，怎么解决？_html/css_WEB-ITnose
-
CSS里的text-indent怎么使用
-
css怎么设置文本框宽度
-
css怎么设置a标签颜色
-
css怎么设置宽为100vw
-
css怎么设置相对定位和绝对定位