广州北大青鸟计算机职业培训学校
互联网技术培训、软件技术培训、大数据培训、云计算培训、数据分析培训信息网
当前位置:网站首页 > 培训教程 > Html5 > 正文

输入框的两个disabled和readonly特色属性_HTML编程培训

作者:小甘发布时间:2020-12-23分类:Html5浏览:936


导读:  使用两种新的属性disabled和readonly:  (1)disabled属性可以将一种操作屏蔽起来,例如禁止用户选择,点击按钮或者使用TAB键在不同的TEXT间切...

  使用两种新的属性disabled和readonly:

  (1)disabled属性可以将一种操作屏蔽起来,例如禁止用户选择,点击按钮或者使用TAB键在不同的TEXT 间切换。

  在FORM标签中使用Disabled属性:
  
  <INPUT type="button" name="doneButton" value="确定" disabled>

  看上去就是这样:

  <INPUT type="text" name="username" value="eschool" disabled>

  看上去就是这样:

  当你的站点有些功能功能尚未完成或者暂时关闭,就这样处理不是非常棒吗?

  注意:使用disabled属性后的区域的值,不能被传递给其他的程序(ASP/CGI)去处理,如果你非要传递请通过隐藏属性去做。即

  <input type="hidden" name="username" value="eschool">

  (2)readonly属性顾名思义是“只读”。它将TEXT转化为一个对象,禁止对它进行编辑。

  <INPUT type="text" name="eschool" value="1500" readonly>

  可以修改

  不能修改

  以上第二个区域使用了readonly属性, 你虽然可以通过TAB键在多个TEXT区域间切换,但是不能修改已经指定的TEXT区的值。但是它不象Disabled属性那样,可以进行正常的数值传递。


Html5排行
标签列表
网站分类
文章归档
最近发表