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

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

2024-07-22 07:17:06   218人阅读

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改变或获得其值，但提交时并不提交该值。

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


联系
我们