input文本框设置不可编辑的3种方法：

disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与<input type="hidden">一起使用。

示例：<input type="text" disabled="disabled" />

readonly 属性规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。后台会接收到传值. readonly 属性可以防止用户对值进行修改。

readonly 属性可与<input type="text">或<input type="password">配合使用。

示例：<input type="text" readonly="readonly">

readonly unselectable=“on” 该属性跟disable类似，input 元素，不可编辑，不可复制，不可选择，不能接收焦点，设置后文字的颜色也会变成灰色，但是后台可以接收到传值。示例：<input type="text" readonly unselectable="on" >

链接：/qq_16605855/article/details/78581246

.

.

.

HTML5 新的 Input 类型

HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。

color

date

datetime

datetime-local

email

month

number

range

search

tel

time

url

week

注意：

并不是所有的主流浏览加粗样式器都支持新的input类型，不过已经可以在所有主流的浏览器中使用它们了。即使不被支持，仍然可以显示为常规的文本域。