脚本宝典收集整理的这篇文章主要介绍了表单元素属性readonly和disabled使用对比，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

1）适应范围：
readonly：input[tyPE="text"],input[type="password"],input[type="teaxtarea"]
disabled：所有的表单元素，如select, radio, checkbox, button等

2）操作：
readonly：不允许用户修改操作，不影响其它的任何操作
disabled：阻止用户一切操作，包括用户点击事件，获取焦点事件

3）表单提交：
readonly：表单元素的值可以提交到服务器。
disabled：表单元素的值不会提交到服务器，即就是服务器获取不到此表单元素中的值

常见应用：

a>在某个表单中为用户预填了某个唯一识别代码，不允许用户改动，但是在提交时需要传递该值，此时应该将它的属性设置

为readonly ;

b>防止表单的重复提交，提交表单后使用javascript将提交按钮（表单按钮）禁用。

c>checkbox 和 radio中设置只读：禁用默认事件
如：jquery中的bind("click",function(){return false;});

脚本宝典总结

以上是脚本宝典为你收集整理的表单元素属性readonly和disabled使用对比全部内容，希望文章能够帮你解决表单元素属性readonly和disabled使用对比所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。