Welcome 微信登录

首页 / 脚本样式 / JavaScript / 几种常用禁止修改输入框的方法

几种常用禁止修改输入框的方法2007-10-281, 通过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 />

输入框灰色,不能编辑

可以用改变或获得其值,但提交时并不提交该值。

第一和第二效果差不多。视觉上

第一个,点击的时候光标会闪烁一下。

第三个,灰色的输入框看起来还是不喜欢。