javascript怎么设置表单只读-木庄网络博客

本文摘自PHP中文网，作者藏色散人，侵删。

javascript设置表单只读的方法：1、通过“onfocus=this.blur()”方法设置；2、通过readonly实现；3、通过disabled设置。

本文操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

javascript:让表单文本框只读，不可编辑的方法

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

方法1: onfocus=this.blur()

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

方法2:readonly

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

方法3: disabled

1	`<input type="text"` `name="input1"` `value="中国"` `disabled>`

以上就是javascript怎么设置表单只读的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《javascript》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者