HTML readOnly disabled

<input type="text" name="name1" disabled />

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

被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，它的值只有一个disabled。然后，就需要通过 JavaScript 来删除 disabled 值，将 input 元素的值切换为可用。

所有控件都有disabled 属性，但是不一定有readonly属性。如select 下拉框。

document.getElementById("myText").disabled = true;//会加上 disabled 属性，即使原先元素没有该属性。
document.getElementById("myText").disabled= false;//会消除 disabled属性。

 <input type="text" name="country" value="China" readonly />

readOnly 属性设置或返回文本域是否为只读。

只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。

设置文本域只读:

document.getElementById("myText").readOnly = true;//会加上 readonly 属性，即使原先元素没有该属性。
document.getElementById("myText").readOnly = false;//会消除 readonly 属性。

查看文本域是否只读：

var x = document.getElementById("myText").readOnly;
true

区别：

如果一个输入项的disabled设为true，则该表单输入项不能获取焦点，用户的所有操作(鼠标点击和键盘输入等)对该输入项都无效，最重要的一点是当提交表单时，这个表单输入项将不会被提交。
而readonly只是针对文本输入框这类可以输入文本的输入项，如果设为true，用户只是不能编辑对应的文本，但是仍然可以聚焦焦点，并且在提交表单的时候，该输入项会作为form的一项提交。