1.两种情况的写法,没什么太大的区别,两个属性而已
disabled写法:
<input type="text" name="eee" value="ccc" disabled="true"/>
readonly写法:
<input type="text" name="kkk" value="xxx" readonly="true"/>
两种写法的相同点:
都会使文本框变成只读,不可编辑
不同点:
1.disabled属性在将input文本框变成只读不可编辑的同时,还会使文本框变灰,但是readonly不会。
2.disabled属性修饰后的文本框内容,在不可编辑的同时,通过js也是获取不到的。例如$("input [name='aaa']").val()
是不好用的。但是用readonly修饰后的文本框内容,是可以通过js获取到的,也就只是简单的不可编辑而已!disabled是不可编辑,也不可获取;readonly是不可编辑,但可以用js获取。
3.disabled属性对input文本框,单选radio,多选checkbox都适用,但是readonly就不适用,用它修饰后的单选以及多选按钮仍然是可以编辑状态的。