表单中Readonly和Disabled的区别

  • A+
所属分类:前端技术

两种属性的写法如下:

<input type="text" name="name" value="xxx" disabled />
<input type="text" name="name" value="xxx" readonly />

 

这两种写法都会使显示出来的文本框不能输入文字,

但disabled会使文本框变灰,而且通过通过表单提交时,获取不到文本框中的value值(如果有的话),

而readonly只是使文本框不能输入,外观没有变化,而且表单提交时不影响获取value值。

还有:

Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。

avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: