当前位置: 首页 - 编程技术 - 文章正文

前端页面,input框禁用编辑的三种方法

xiaoqihv
1.disabled

被禁用的 input 元素,*不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值。*设置后文字的颜色会变成灰色。

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

*disabled 属性无法与 一起使用。

2、readonly unselectable=‘on’。

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

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

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

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

*readonly 属性可与 或 配合使用。

参考自:https://blog.csdn.net/qq_37138818/article/details/89012073

文章地址:https://wenmayi.cn/post/798.html