disabled和readonly的区别和用法

<input type="text" readonly="readonly">
<input type="button" disabled="disabled">

disabled 和 readonly的区别

disabled的范围更大，不仅可以阻止修改input表单中的值，连button submit都不能够点击，而且设置了disabled后，这个输入域的值也不能够通过form表单传递。

readonly的范围较小，仅仅能够阻止修改部分表单的值，select，color  range radio checkbox file等无效，可以提交表单，值也照样传递。

disabled适合用于，防止客户在网络环境较差时，重复提交表单，当用户点完提交，我们就用js设置submit按钮为disabled。