disabled与readonly的作用及区别介绍_HTML/Xhtml_网页制作
程序员文章站
2022-04-02 14:57:13
...
1:readonly是要锁定这个控件,通过在界面上无法修改他(但是通过javascript可以修改他)。
2:disabled 和readonly有相同的地方也是可以锁定这个控件用户不能改变他的值,但是disabled的更彻底一些,他是要使你完全不能使用他,包括改变他的背景颜色(不信,你去修改一个被disabled掉的input文本框,你发现你是徒劳),如果是checkbox则不能选中他。
3:所有控件都有disabled 属性,但是不一定有readonly属性。如select 下拉框
2:disabled 和readonly有相同的地方也是可以锁定这个控件用户不能改变他的值,但是disabled的更彻底一些,他是要使你完全不能使用他,包括改变他的背景颜色(不信,你去修改一个被disabled掉的input文本框,你发现你是徒劳),如果是checkbox则不能选中他。
3:所有控件都有disabled 属性,但是不一定有readonly属性。如select 下拉框
推荐阅读
-
html 块级标签与内联标签的区别 _HTML/Xhtml_网页制作
-
Readonly和Disabled的区别_HTML/Xhtml_网页制作
-
详解a href=#与 a href=javascript:void(0) 的区别_HTML/Xhtml_网页制作
-
Input的size与maxlength属性的区别自我理解_HTML/Xhtml_网页制作
-
HTML 链接锚标签及其在SEO中的作用介绍_HTML/Xhtml_网页制作
-
html 块级标签与内联标签的区别 _HTML/Xhtml_网页制作
-
html中br和br/的区别介绍_HTML/Xhtml_网页制作
-
你问我答:XML与HTML的区别_HTML/Xhtml_网页制作
-
html,xhtml,xml的区别介绍_HTML/Xhtml_网页制作
-
Input的size与maxlength属性的区别自我理解_HTML/Xhtml_网页制作