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" />
这样就把这个输入框灰掉,即禁止输入,同时不传递任何值。