当前位置：首页>>网页设计>>JavaScript>>正文

几种常用禁止修改输入框的方法

文章出处：网络收集作者：佚名　发布时间：2007-09-12

1, 通过js实现-onfocus="this.blur()"

代码:

<input type="text" value="fisker" onclick="alert(this.value);" onfocus="this.blur()" />

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

2,readonly

代码:

<input type="text" value="fisker" onclick="alert(this.value);" readonly />

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

3,disabled

代码:

<input type="text" value="fisker" onclick="alert(this.value);" disabled />

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

第一和第二效果差不多。视觉上
第一个，点击的时候光标会闪烁一下。
第三个，灰色的输入框看起来还是不喜欢。