几种常用禁止修改输入框的方法
1, 通过js实现-onfocus="this.blur()"
<input type="text" value="fisker" onclick="alert(this.value);" disabled />
输入框无法获得焦点,不能编辑
表单可以获得值。
可以复制。
蛮奇怪的,都选住了,还没有获得焦点?
2, readonly
<input type="text" value="fisker" onclick="alert(this.value);" readonly />
输入框只读。不能编辑
同样表单可以获得值。
也可以复制。
3, disabled
<input type="text" value="fisker" onclick="alert(this.value);" onfocus="this.blur()" />
输入框灰色,不能编辑
可以用JS改变或获得其值,但提交时并不提交该值。
第一和第二效果差不多。视觉上
第一个,点击的时候光标会闪烁一下。
第三个,灰色的输入框看起来还是不喜欢。
本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可。