当前位置: 代码迷 >> Web前端 >> 使文本框不可编者[不太常用的方法]
  详细解决方案

使文本框不可编者[不太常用的方法]

热度:27   发布时间:2012-11-23 22:54:33.0
使文本框不可编辑[不太常用的方法]

为了使本框不可编辑,我们可以使用下面几种方法 解决思路: 文本框的内容只用来显示而不允许用户随意编辑的时候是很有必要。

方法一:设置<input>标签的readonly属性为true。
?<input type="text" value="readonly" readonly=“true"/>??

方法二:设置disabled属性为true。
disabled掉后字会变灰,因此第三种方法比较好。

方法三:在对象focus时立刻让它blur,使它无法获得焦点。
<input type="text"? onfocus="this.blur()" >??

onfocus当对象获得焦点时触发。
focus使对象得到焦点。
onblur在对象失去输入焦点时触发。
blur模糊对象的内容以便使其看起来失去焦点。

注意:readonly和disabled的区别在于后者完全禁止与设置该属性的对象交互(表现为不可改写、不可提交等)。 readonly是可以提交的。

  相关解决方案