存档

文章标签 ‘readonly’

html中readonly与disabled的区别

Oct 8th Tue, 2013/JiaJieChan/折腾/1,197 阅读/没有评论

readonly和disabled常用于表单里,可以对某些项目进行锁定或禁用。readonly和disabled的作用是使用户不能够更改表单域中的内容,都可以防止用户键入.

  • dsiabled使文本框及字体变灰,readonly则不会.
  • <code>readonly</code>只对input(text/password)和textarea有效,而<code>disabled</code>对于所有的表单元素有效,包括select,radio,checkbox,button等.
  • 在表单元素使用了disabled后,我们将表单以post或者get的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去.
注: disabled可用readonly代替,加上灰色背景background-color:#cccccc;

 

使用方法:

在下面的input文本框加入效果; Read More...

分类: 折腾 标签: , , ,