html input 元素设置禁用的几种方法

中岁颇好道,晚家南山陲。兴来美独往,胜事空自知。一些风景再好,终不属于自己;有些情感,路过交错,已然是最好的结局。

html 页面中的 input 元素,可以通过设置一些指定的属性,来禁用它的功能,使其不可编辑,不可复制,不可选择,不能接收焦点以及后台也不能接收到它的传值等。下面就来说几种 input 元素中常用的禁止属性。

input disabled 属性

disabled:属性规定应该禁用 input 元素。

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

语法:

<input disabled="disabled" />

注意:disabled 属性无法与 <input type="hidden"> 一起使用。

input readonly 属性

readonly:属性规定输入内容为只读。

作用:input 中的内容不能被修改,但用户仍然可以使用 tab 键切换到该字段,还可以选中或拷贝其文本,也可以向后台传值。

语法:

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

input readonly unselectable="on" 属性

readonly unselectable="on":该属性跟disable属性有点类似。

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

语法:

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

以上就是html input 元素设置禁用的几种方法。好了伤疤忘了疼,何尝不是一种幸福。更多关于html input 元素设置禁用的几种方法请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
HTML标签之!DOCTYPE文档类型声明

如何使用html+css代码如何实现冰墩墩和雪容融效果

html中checkbox与radio样式美化的简单实例

div设置可编辑内容的方法

css设置placeholder的颜色样式的方法