文本框不可编辑

来源:互联网 发布:浸血的邀请函 数据库 编辑:程序博客网 时间:2024/06/05 06:13

为了使本框不可编辑,我们可以使用下面几种方法
解决思路:
文本框的内容只用来显示而不允许用户随意编辑的时候是很有必要。
步骤:
方法一:设置<input>标签的readonly属性为true。
具体Html代码如下:

  

方法二:设置disabled属性为true。
具体代码如下:

<input type="text" value="disabled" disabled="true"/>

 


方法三:在对象focus时立刻让它blur,使它无法获得焦点。
Html代码

<input type="text"  onfocus="this.blur()">


onfocus当对象获得焦点时触发。
focus使对象得到焦点。
onblur在对象失去输入焦点时触发。
blur模糊对象的内容以便使其看起来失去焦点。
注意:readonly和disabled的区别在于后者完全禁止与设置该属性的对象交互(表现为不可改写、不可提交等)。 readonly是可以提交的。

原创粉丝点击