input文本框disabled、readonly、unselectable区分类型和设置移除属性

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

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">

Readonly只针对input和textarea有效,而disabled对于所有的表单元素都有效。

表单中readOnly和disabled的区别:

Readonly只针对input(text/ password)和textarea有效,而disabled对于所有的表单元素都有效,包括select,radio, checkbox, button等。

但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去(这种情况出现在我们将某个表单中的textarea元素设置为disabled或readonly,但是submitbutton却是可以使用的)。

jQuery进行操作:

代码如下:

//两种方法设置disabled属性$('#areaSelect').attr("disabled",true);$('#areaSelect').attr("disabled","disabled");//三种方法移除disabled属性$('#areaSelect').attr("disabled",false);$('#areaSelect').removeAttr("disabled");$('#areaSelect').attr("disabled","");


文章版权及转载声明:

编辑:小秋同学本文地址:https://www.qiuhai.com/study/1861.html发布于 05-12 20:04:28
文章转载或复制请以超链接形式并注明出处学习吧_一个不错的学习网站
本站文章如没有特殊说明,均采集网上收集,若要转载请务必注明出处,尊重他人劳动成果共创和谐网络环境。 声明:某些文章来源于网络,所采集的到信息本站只为传递信息和分享,不做任何双方证明,也不承担任何法律责任。 文章内容若侵犯你的权益,请联系本站客服删除!

觉得文章有用就施舍一下文章作者

支付宝施舍

微施舍

阅读
分享

发表评论
加载中~