加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

input输入框设置不可修改(属性disabled和readonly)[转]

(2011-12-22 13:12:31)
标签:

it

分类: web 多媒体
                    input的两种属性disabled和readonly:
 

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

    在FORM标签中使用Disabled属性:
    <INPUT type="button" name="doneButton" value="确定" disabled>
    看上去就是这样: 。
    <INPUT type="text" name="username" value="james" disabled>
    看上去就是这样:

  当你的站点有些功能功能尚未完成或者暂时关闭,就这样处理不是非常棒吗?
  注意:使用disabled属性后的区域的值,不能被传递给其他的程序(ASP/CGI)去处理,如果你非要传
  递请通过隐藏属性去做。即<input type="hidden" name="username" value="james">

 

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

    <INPUT type="text" name="partNumber" value="1500" readonly>
     可以修改
     不能修改

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

 

另外:textarea的只读和input有点不太一样。<textarea rows="3" cols="20" readonly="readonly" >

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有