Input - readOnly属性介绍以及应用场景

• Input 的readOnly属性设置文本域 是否为只读，不可修改

设置了只读属性的文本无法作任何修改，这里要注意readOnly和disabled的区别。

• readOnly属性只针对Input(text、password、textarea)有效，readOnly尽管设置为true，但在表单传值时仍然会被传递出去，支持回传且更改。
• Disabled则对表单所有元素都有效，并且在表单数据提交时，diasbled为true的数据不会被传递出去。

     

• 在js中获取对应的Input元素对其readOnly属性作修改

     

• 在移动Web开发过程中有时会遇到某些手机会自动识别cookie数据值，并在页面打开时直接将页面的Input默认值替换，因此在这种情况下，我们可以设置readOnLy属性值，避免在加载页面时被替换，当然，也需要对各种手机该方面作进一步的兼容性问题。