readonly 与 disabled的区别

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有效