服务热线:13616026886

技术文档 欢迎使用技术文档,我们为你提供从新手到专业开发者的所有资源,你也可以通过它日益精进

位置:首页 > 技术文档 > JAVA > 新手入门 > 基础入门 > 查看文档

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

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

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

扫描关注微信公众号