html表单控件禁用属性readonly VS disabled介绍

爱玩回合的琳琳

在html中有两种禁用表单提交的方法，他们分别是：
1.给控件标签加上

1. readonly='readonly'

复制代码

属性
2.给控件标签加上

1. disabled='disabled'

复制代码

属性
例如:  

1. <input type="text" value="" readonly="readonly" />
   
2. <input type="text" value="" disabled="disabled" />

复制代码

举例中的两个控件都是不可修改的。但是他们也有一些区别！
从字面意思我们可以知道，试用readonly属性的控件是"只读"的,而试用disabled是"被禁用"的。那么他们的区别是什么呢？  
只读的控件(使用了readonly属性的控件)是用户不可以用鼠标和键盘修改其值的，但是程序员可以用javascript来修改，当提交表单的时候这个控件的名和值会提交到服务器，也就是说对服务器是可见的。  
而被禁用的控件(使用了disabled属性的控件)不但用户不可以用鼠标和键盘修改，而且是对服务器不可见的，即提交表单的时候其名和值不会提交到服务器，当然，程序员也可以用javascript来修改其值。
这就是他们的区别，知道了区别之后咱们就应该知道什么时候使用哪种方法了，切不可盲目！
总结
到此这篇关于html表单控件禁用属性readonly VS disabled区别的文章就介绍到这了,更多相关html readonly disabled内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

乁O丶O丿

太棒了！感谢分享这个信息！

t76634692

666666666666

大原

谢谢你的提醒，我会注意的。

五花肉向上

能给个链接吗？我想深入了解一下。

xu翱翔天外

感谢分享，受益匪浅！

260642109

我们一起努力，共同解决问题吧。

用户4531416

我完全同意你的观点

🥣做饭男人

我完全同意你的观点

5uicide

谢谢你的提醒，我会注意的。