HTML中让表单input等文本框为只读不可编辑的方法

网页表单只读文本框设置

最新推荐文章于 2024-08-01 14:56:00 发布

weixin_30663391

最新推荐文章于 2024-08-01 14:56:00 发布

阅读量56

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xiaoXuZhi/p/3389392.html

本文介绍了三种实现网页表单中只读文本框的方法：使用onfocus属性使文本框失去焦点、设置readonly属性阻止用户输入以及使用disabled属性禁用文本框。这些方法适用于需要保护表单中特定信息不被修改的场景。

有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使<input type="text" name="input1" value="中国"> 的内容，"中国"两个字不可以修改。实现的方式归纳一下，有如下几种。

方法1: onfocus=this.blur()
<input type="text" name="input1" value="中国" onfocus=this.blur()>

方法2:readonly
<input type="text" name="input1" value="中国" readonly>

<input type="text" name="input1" value="中国" readonly="true">

方法3: disabled
<input type="text" name="input1" value="中国" disabled>

转载于:https://www.cnblogs.com/xiaoXuZhi/p/3389392.html