存档

文章标签 ‘表单’

html中readonly与disabled的区别

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

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...

分类: 折腾 标签: , , ,

今天教大家令网页提交按钮变灰变失效

Sep 11th Sun, 2011/JiaJieChan/折腾/1,493 阅读/2 comments
今天由于因为某些原因,到互联网找了一下网页按钮的资料,误打误撞的看到了这个属性。就当做是一个归纳吧,让大家不要找到那么辛苦。凡是看到这个教程都很有缘分De。在这个网络能碰见这个文章也算是一种缘分,不要忘记发表自己的见解啊!

不废话了直入正题,不知道大家有没有在那些大型网站(如腾讯、网易、新浪等)参加过什么活动呢,而那些提交按钮一到了规定的时间就会无法提交。今天就是要给大家说说这个标签。至于在指定的时间这个需要大家寻找答案,本文只是讲讲令提交按钮失效(变灰色,无法提交)的方法。

像下面这一个按钮一样,在网页里它是一个表单的提交按钮,那我们怎样令它失效呢? 不用急,方法很简单。只需在后面加入一个标签/属性即可。

<input type="submit" value="增加挂机记录" id="login_btn" />

在上面的代码里加入“disabled”,引号去掉,没错就是一个英文。修改后如下。

<input type="submit" value="增加挂机记录" id="login_btn" disabled />

 

其实这个标签/属性不只是仅能用在此处,还有其他地方都可以用,例如:表单的文本框;还有更多的地方有待你来发现了, 亲, 别忘了评论噢!  18:)