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

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

上一篇上一篇 | 下一篇下一篇发表时间:2007-9-26 22:21:48
 
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-26 22:21:48 编辑]
上一篇上一篇:如何批量消除链接虚线框?
下一篇下一篇:关于DOM事件模型的两件事
文章来自:互联网
收藏到网摘: 收藏到QQ书签
Tags:

相关内容

网站建设导航→

相关内容

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

Copyrights©2006 UI163.com All Rights Reserved 2007

 豫ICP备07501346号