input文本框disabled、readonly、unselectable不可编辑的3种方法

2019-08-15171次阅读HTML

disabled

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

<input type="text" disabled="disabled">

 

readonly

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

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

<input type="text" readonly="readonly">


unselectable

unselectable="on"该属性跟disable类似,不可编辑、不可复制、不可选择、不能接收焦点、设置后文字的颜色也会变成灰色,但是后台可以接收到传值。

<input type="text"  readonly  unselectable="on">

 

上一篇: 中国/省市区/三级联动/地址数据  下一篇: Navigator.sendBeacon()  

input文本框disabled、readonly、unselectable不可编辑的3种方法相关文章