readonly 与 disabled的区别(disabled提交后获取不到该值的解决方法)

在做网站管理后台的用户修改功能时，由于当前用户修改个人信息时规定用户名不能修改，故使用了input标签的disabled属性，但是在提交数据后却发现用户名显示为空了。后来一查才知道input设置为disabled值时会有下面的限制：
1、不能接收焦点；
2、使用tab键时将被跳过；
3、可能不是successful的。

解决方法是：可以使用readonly=”readonly”属性代替即可，而input设置为readonly属性也有一些限制：
1、可以接收焦点，但不能被修改；
2、可以使用tab键进行导航；
3、可能是successful的。

因为只有successful的表单元素才是有效的数据，也就是可以进行提交。