HTML中disabled和readonly的区别

eadonly属性规定文本区为只读。

在只读的文本区中，无法对内容进行修改，但用户可以通过 tab键切换到该控件，选取或复制其中的内容。

可以设置 readonly属性，直到满足某些条件（比如选择一个复选框），才恢复用户对该文本区的使用。然后，可以使用 JavaScript来清除 readonly属性，以使文本区变为可编辑状态。

isabled属性规定应该禁用 input元素。

disabled属性可设置或返回是否禁用单选按钮。

注释：disabled属性无法与<input type="hidden">一起使用。

通过这个图可以进一步了解

disabled属性会让元素不能获取焦点（比如你按TAB键不能移动到具有disabled属性的元素上），而readonly是可以获得焦点的。