设计学院-ui163 致力于网页标准 网页设计 web标准与ui设计。

几种常用禁止修改输入框的方法

上一篇上一篇 | 下一篇下一篇发表时间:2007-9-13 22:36:51
1, 通过js实现-onfocus="this.blur()"

  代码:
<input type="text" value="fisker" onclick="alert(this.value);" onfocus="this.blur()" />

输入框无法获得焦点,不能编辑
表单可以获得值。
可以复制。
蛮奇怪的,都选住了,还没有获得焦点?

2,readonly

  代码:
<input type="text" value="fisker" onclick="alert(this.value);" readonly />

输入框只读。不能编辑
同样表单可以获得值。
也可以复制。

3,disabled

  代码:
<input type="text" value="fisker" onclick="alert(this.value);" disabled />
输入框灰色,不能编辑
可以用JS改变或获得其值,但提交时并不提交该值。

第一和第二效果差不多。视觉上
第一个,点击的时候光标会闪烁一下。
第三个,灰色的输入框看起来还是不喜欢。
[本日志由 ui163 于 2007-9-13 22:36:51 编辑]
上一篇上一篇:如何批量消除链接虚线框?
下一篇下一篇:关于DOM事件模型的两件事
文章来自:
收藏到网摘: 收藏到QQ书签
Tags:

版权隐私 ┊ 免责声明  ┊ 友情链接 ┊ 网站地图  ┊ 联系我们

Copyrights©2006 UI163.com All Rights Reserved 2007

 豫ICP备07501346号