表单属性之readOnly与disabled

有一个用户资料表，其他资料可以由用户修改，但用户名不能改，之前的程序没考虑到这一点，把用户名也输出到文本表单中；

为了不让用户修改用户名，需要把用户名项文本栏变成灰色，或是不可修改。可用以下两个属性中的任一个。

<input type="text" name="userName" value="" id="userName" readonly="true"/>

当用readonly='true'时，该输入框无法定位光标到里面，可读不可写，表框看上去没什么不一样。

<input type="text" name="userName" value="" id="userName" disabled="true"/>

当用disabled="true"时，该输入框为灰色，这两个属性都能满足我的需求，但本质上还有何区别，暂无研究。