java web三种让input文本框不可编辑的方法以及他们之间的异同

qq_40803681

于 2019-06-28 16:14:13 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_40803681/article/details/94012149

本文详细介绍了三种禁用HTML输入框的方法：使用onfocus=this.blur()使输入框失去焦点，设置readonly属性允许选择复制但禁止编辑，及设置disabled属性完全禁用输入框。对比了三种方法的不同特性，帮助开发者根据需求选择合适的方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法1
οnfοcus=this.blur() 当鼠标放不上就离开焦点

<input type="text" name="id" value="2" onfocus=this.blur()>

方法2
readonly

<input type="text" name=“id" value="2" readonly> 
<input type="text" name="id" value="2" readonly="true"> 
<input type="text" name="id" value="2" readonly="readonly">

方法3
disabled

<input type="text" name="id" value="2" disabled="true">
<input type="text" name="id" value="2" disabled="disabled">

三种方法比较
disabled：不可编辑，不可选中，不可提交，输入框呈灰色；
在这里插入图片描述
οnfοcus=this.blur()：不可编辑，不可选中，可提交，输入框正常颜色；

readonly：不可编辑，可选中复制，可提交，输入框呈灰色。