css怎么设置text不可编辑-css教程-PHP中文网

css怎么设置text不可编辑

藏色散人

发布： 2021-01-11 09:16:55

原创

3110人浏览过

css设置text不可编辑的方法：1、通过“οnfοcus=this.blur()”方法设置text不可编辑；2、使用readonly属性设置输入字段为只读；3、使用disabled属性设置禁用input元素即可。

css怎么设置text不可编辑

本教程操作环境：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属性

Kuwebs企业网站管理系统3.1.5 UTF8

酷纬企业网站管理系统Kuwebs是酷纬信息开发的为企业网站提供解决方案而开发的营销型网站系统。在线留言模块、常见问题模块、友情链接模块。前台采用DIV+CSS，遵循SEO标准。 1.支持中文、英文两种版本，后台可以在不同的环境下编辑中英文。 3.程序和界面分离，提供通用的PHP标准语法字段供前台调用，可以为不同的页面设置不同的风格。 5.支持google地图生成、自定义标题、自定义关键词、自定义描