网站模板下载

html表单控件禁用属性readonly VS disabled区别

作者 html表单控件 2020-07-26 375

这篇文章主要介绍了 html表单控件禁用属性readonly VS disabled区别, 本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下。

html中有两种禁用表单提交的方法,他们分别是:

1.给控件标签加上readonly='readonly'属性

2.给控件标签加上disabled='disabled'属性

例如:  

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

举例中的两个控件都是不可修改的。但是他们也有一些区别!

从字面意思我们可以知道,试用readonly属性的控件是”只读”的,而试用disabled是”被禁用”的。那么他们的区别是什么呢?

只读的控件(使用了readonly属性的控件)是用户不可以用鼠标和键盘修改其值的,但是程序员可以用javascript来修改,当提交表单的时候这个控件的名和值会提交到服务器,也就是说对服务器是可见的。

而被禁用的控件(使用了disabled属性的控件)不但用户不可以用鼠标和键盘修改,而且是对服务器不可见的,即提交表单的时候其名和值不会提交到服务器,当然,程序员也可以用javascript来修改其值。

这就是他们的区别,知道了区别之后咱们就应该知道什么时候使用哪种方法了,切不可盲目!

总结

到此这篇关于html表单控件禁用属性readonly VS disabled区别的文章就介绍到这了,更多相关html readonly disabled内容请搜索好哇网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持好哇网!

分享给朋友 html表单控件禁用属性readonly VS disabled区别-好哇网

点击【分享给朋友】生成专属代理二维码,享受推广消费现金奖励!

点击【分享给朋友】生成专属代理二维码,享受推广消费现金奖励!
好哇网 » html表单控件禁用属性readonly VS disabled区别

发表评论

好哇网,累计帮助1000+用户成功建站,为小微企业提供助力!

立刻开启你的建站之旅

留言咨询

现在加入好哇网,注册一个账号