表单中Readonly和Disabled的区别

  • 在今天查看GGYun源码时,发现Project在修改时有bug,就是点击修改项目之后,项目名是默认不能修改的,但是原封不动提交时,发现修改后的项目名都是空,查看Project/Detail.html源码
<input disabled type="text" name="ProjectName" value="{{.ProjectName}}" class="form-control">
  • 谷歌之后发现,表单的属性Readonly和Disabled之间很相似,但也有些微不同的地方,Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。
  • 表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去(这种情况出现在我们将某个表单中的textarea元素设置为disabled或readonly,但是submit button却是可以使用的)。
  • 因此,一般的用法是:在某个表单中为用户预填了某个唯一识别代码,不允许用户改动,但是在提交时需要传递该值,此时应该将它的属性设置为readonly。而当用户正式提交了表单后需要等待管理员的信息验证,在此过程中不允许用户修改表单中的数据,应该使用disabled

详细解释链接

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值