首页 > 代码库 > 几种设置表单元素中文本输入框不可编辑的方法

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

1、blur
代码:
<input type="text" value="http://www.mamicode.com/fisker" onclick="alert(this.value);" onfocus="this.blur()" />


输入框无法获得焦点,不能编辑 
表单可以获得值。 
可以复制。 
蛮奇怪的,都选住了,还没有获得焦点? 

2,readonly

   代码:
<input type="text" value="http://www.mamicode.com/fisker" onclick="alert(this.value);" readonly />


输入框只读。不能编辑 
同样表单可以获得值。 
也可以复制。 

3,disabled

   代码:
<input type="text" value="http://www.mamicode.com/fisker" onclick="alert(this.value);" disabled />

输入框灰色,不能编辑 
可以用JS改变或获得其值,但提交时并不提交该值。

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