700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > input属性disabled和readonly的区别(超详细的~~~~)

input属性disabled和readonly的区别(超详细的~~~~)

时间:2023-02-26 11:49:54

相关推荐

input属性disabled和readonly的区别(超详细的~~~~)

1.两种情况的写法,没什么太大的区别,两个属性而已

disabled写法:<input type="text" name="aaa" value="xxx" disabled="true"/>

readonly写法: <input type="text" name="bbb" value="xxx" readonly="true"/>

2.

两种写法的相同点:

都会使文本框变成只读,不可编辑

不同点:

1.disabled属性在将input文本框变成只读不可编辑的同时,还会使文本框变灰,但是readonly不会。

2.disabled属性修饰后的文本框内容,在不可编辑的同时,通过js也是获取不到的。例如$("input [name='aaa']").val()是不好用的。但是用readonly修饰后的文本框内容,是可以通过js获取到的,也就只是简单的不可编辑而已!

3.disabled属性对input文本框,单选radio,多选checkbox都适用,但是readonly就不适用,用它修饰后的单选以及多选按钮仍然是可以编辑状态的。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。