1.readonly 与 disabled的用法及效果图:
<form>
<input id="ddd" name="name" value="readonly" readonly></br>
<input id="ddd" name="name" value="disabled" disabled>
</form>
2.共同点:
使显示出来的文本框不能输入文字,可通过js脚本更改input的value。
3. 不同点:
disabled | readonly | |
外观 | 文本框变灰 | 无变化 |
能否获取value值 | 通过表单提交时获取不到文本框中的value值 | 表单提交时不影响获取value值 |
对哪些元素有效 | 对所有表单元素有效 | 对input(text/password)textarea有效 |