input标签动态设置只读属性及其兼容性

项目中，经常会用到input标签，有时候还会用到input标签的只读属性“readOnly”。但是，input标签的只读属性“readOnly”具有一定的局限性，它只支持谷歌浏览器，不支持火狐浏览器和IE8浏览器。如果要求考虑兼容性，让input标签的只读属性同时支持谷歌、火狐和IE，那么我们可以采用input标签的另外一个属性：disabled。动态设置只读属性的具体方法如下：

HTML代码：

JS动态设置只读属性的方法：

方法一：

方法二：