输入框的两个disabled和readonly特色属性

时间:2021-04-16

  使用两种新的属性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属性那样,可以进行正常的数值传递。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章