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文本框加入效果;

[code lang="php" title="代码一"]

<input  type="text" value="输入关键字搜索" name="search" />

参数:

disabled="disabled"

readonly="readonly"

加入后的效果,方法一样请合理运用;

[code lang="php" title="代码二"]

<input  type="text" value="输入关键字搜索" name="search" disabled="disabled" />

这样就把这个输入框灰掉,即禁止输入,同时不传递任何值。

本文转自: http://blog.csdn.net/maxracer/article/details/6736041

声明: 本文采用 BY-NC-SA 协议进行许可. 转载请出示版权信息.
  1. 本文目前尚无任何评论.
  1. 本文目前尚无任何 trackbacks 和 pingbacks.
支持使用Gravatar头像

JiaJieChan提醒您: 要回复某人的评论,请将鼠标移动到那条评论,评论右边就会出现Replay字样(一定是要鼠标指针中的评论),在评论框中出现的的后面下一行填写评论提交即可.被回复者将收到邮件通知噢; 要是想直接对本文评论请直接在评论框留言即可,然后点提交.