今天小编跟大家讲解下有关如何使input文本框不可编辑？ ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关如何使input文本框不可编辑？ 的相关资料，希望小伙伴们看了有所帮助。
如何使input文本框不可编辑？下面本篇文章就来给大家介绍一下使input文本框不可编辑的几种方法，希望对大家有所帮助。
方法1：使用disabled 属性
disabled属性规定应该禁用 input 元素，被禁用的input元素，不可编辑，不可复制，不可选择，不能接收焦点，后台也不会接收到传值。设置后文字的颜色会变成灰色。
注：disabled属性无法与<input type="hidden">一起使用。
示例：
可 编 辑：<input type="text"/><br /><br />不可编辑：<input type="text"disabled="disabled"/>方法2：使用readonly 属性
readonly属性规定输入字段为只读可复制，不可进行编辑。但是，用户可以使用Tab键切换到该字段；可选择，可以接收焦点，还可以选中或拷贝其文本。后台会接收到传值。
说明：readonly属性可以防止用户对值进行修改。
readonly属性可与<input type="text">或<input type="password">配合使用。
示例：
可 编 辑：<input type="text"/><br /><br />不可编辑：<input type="text"readonly="readonly">注意：
我们不能为所有表单字段或元素设置readonly属性。<select>，<option>和<button>元素没有readonly属性，但它们具有disabled属性，可以通过设置disabled属性来实现不可编辑功能。
来源：爱蒂网
