Readonly和Disabled是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别,总结如下:
Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。
共同点:都不能编辑和获取焦点。
readonly:使用表单post或get传递时会被传递出去。
<a href="http://imchao.com.ar/wp-content/uploads/2014/04/readonly.jpg"><img src="http://imchao.com.ar/wp-content/uploads/2014/04/readonly-300x35.jpg" alt="readonly" width="300" height="35" class="alignnone size-medium wp-image-125" /></a>
disable:使用表单post或get传递时不会被传递出去。
<a href="http://imchao.com.ar/wp-content/uploads/2014/04/disabled.jpg"><img src="http://imchao.com.ar/wp-content/uploads/2014/04/disabled-300x34.jpg" alt="disabled" width="300" height="34" class="alignnone size-medium wp-image-126" /></a>
但是readonly的显示效果是没有灰化的。
ps 小技巧: 可以给readonly设置一个css样式:
<code>
style="background-color:#cccccc;"
</code>
就酱紫 继续撸作业! ╮(╯_╰)╭
Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。
共同点:都不能编辑和获取焦点。
readonly:使用表单post或get传递时会被传递出去。
<a href="http://imchao.com.ar/wp-content/uploads/2014/04/readonly.jpg"><img src="http://imchao.com.ar/wp-content/uploads/2014/04/readonly-300x35.jpg" alt="readonly" width="300" height="35" class="alignnone size-medium wp-image-125" /></a>
disable:使用表单post或get传递时不会被传递出去。
<a href="http://imchao.com.ar/wp-content/uploads/2014/04/disabled.jpg"><img src="http://imchao.com.ar/wp-content/uploads/2014/04/disabled-300x34.jpg" alt="disabled" width="300" height="34" class="alignnone size-medium wp-image-126" /></a>
但是readonly的显示效果是没有灰化的。
ps 小技巧: 可以给readonly设置一个css样式:
<code>
style="background-color:#cccccc;"
</code>
就酱紫 继续撸作业! ╮(╯_╰)╭