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

Last modification:June 25, 2021
如果解决了你的困扰, 赏杯咖啡吧!
正文字体: 苍耳字库(屏幕显示字体)·苍耳今楷