几种设置表单元素中文本输入框不可编辑的方法

本文转自：http://www.qljyzx.com:88/Article/homepage/asp/200611/713.html

作者：佚名

解决思路：
在文本框的内容只作于演示而不允许用户随意修改时 这样做就非常有必要。

具体步骤：
方法一：设置readonly属性为true。

Html代码

1. <input type="text" value="readonly" readonly>   

 <input type="text" value="readonly" readonly>  

 

方法二：设置disabled属性为true。

Html代码

1. <input type="text" value="disabled" disabled>   

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

 

方法三：在对象focus时立刻让它blur，使它无法获得焦点。

Html代码

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

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

 

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

特别提示
代码运行效果如图1.4.16所示。

图1.4.16 禁止输入的文本框

特别说明

本例需要了解readonly和disabled属性的用法，两属性的区别见第三部分问题43。需要掌握的一个技巧是如何让对象得不到焦 点，主是要下面的事件或方法的应用：
onfocus当对象获得焦点时触发。
focus使对象得到焦点。
onblur在对象 失去输入焦点时触发。
blur模糊对象的内容以便使其看起来失去焦点。