input设置为只读模式

input框设置为只读依靠两个属性(disabled或readOnly),下面主要说明两者的区别:

1.disabled:作用范围大,所有input类型都有效,但被disabled修饰过的input的值不能随表单提交。

HTML中的表示:

JQUERY中的表示:$("#eg1").attr("disabled","disabled");

2.readOnly:作用范围较小,仅限于text,password,textarea等类型,但是修饰过的值可随表单一起提交。

HTML中的表示:

JQUERY中的表示:$("#eg1").attr("readOnly","readOnly");

总结:对于需要随表单提交的选择readOnly,对于readOnly作用不到的input类型(如:select)选择disabled,对于select这种需要只读又需要随表单提交的可以选择disable,在表单提交前在js中移除disabled属性即可。(disabled属性可能会影响背景颜色)


你可能感兴趣的:(前端js)