如何设置表单的input文本框不可编辑-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

设置表单input文本框不可编辑的方法：首先创建相应的代码文件；然后通过为表单字段设置为“onfocus=this.blur()，readonly、disabled”来实现不可编辑的功能即可。

本篇文章给大家带来的内容是以input文本框为例来介绍如何设置表单不可编辑，让大家了解实现所有表单字段（文本框，标签，复选框，文本区域）不可编辑的方法，知道readonly属性和disabled 属性的区别。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。

有时，我们需要以不可编辑的模式显示表单域，那么如何实现？我们可以通过为表单字段（input文本框，标签，复选框，文本区域）设置以下方法来实现表单的不可编辑功能。【相关视频教程推荐：html教程】

我们以input文本框为例来看看效果：

1、onfocus=this.blur()

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

可以看出，表单input文本框无法被点击，不可进行编辑了；里面的文字也无法选择。

2、readonly属性

<input type="text" name="input1" value="php中文网" readonly> 
 
<input type="text" name="input1" value="php中文网" readonly="true">

相关阅读 >>

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

书籍

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

￥83.86元 人民邮电出版社

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