属于input属性使input⽂本框不可编辑的3种⽅法
今天试了⼀下使input⽂本框不可编辑的3种⽅法,现在总结⼀下:
1. disabled 属性规定应该禁⽤ input 元素,被禁⽤的 input 元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收
到传值。设置后⽂字的颜⾊会变成灰⾊。disabled 属性⽆法与 <input type="hidden"> ⼀起使⽤。
⽰例:<input type="text" disabled="disabled" />
2. readonly 属性规定输⼊字段为只读可复制,但是,⽤户可以使⽤Tab键切换到该字段,可选择,可以接收焦点,还可以选中或拷贝
其⽂本。后台会接收到传值. readonly 属性可以防⽌⽤户对值进⾏修改。
readonly 属性可与 <input type="text"> 或 <input type="password"> 配合使⽤。
⽰例:<input type="text" readonly="readonly">
3. readonly unselectable="on" 该属性跟disable类似,input 元素,不可编辑,不可复制,不可选择,不能
接收焦点,设置后⽂字的
颜⾊也会变成灰⾊,但是后台可以接收到传值。⽰例:<input type="text"  readonly  unselectable="on" > (还是菜鸟⼀枚,写的不对的地⽅欢迎指正!)