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

新客网 XKER.COM 2007-09-12 来源： 收藏本文

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改变或获得其值，但提交时并不提交该值。

第一和第二效果差不多。视觉上
第一个，点击的时候光标会闪烁一下。
第三个，灰色的输入框看起来还是不喜欢。

• ·代码保留 IE8中如何添加Activity
• ·Firefox浏览器兼容JS脚本供参考
• ·Solaris Prom状态命令与参数
• ·用JavaScript刷新框架子页面的方法
• ·JavaScript/JS实现标题栏跑马灯
• ·用JS得到字符串中出现次数最多的字母
• ·JavaScript中split函数使用方法
• ·Javascript代码直接调用计算机中的程序
• ·JavaScript中small函数
• ·JavaScript静态页面值传递之Cookie篇
• ·Javascript的一种模块模式
• ·Javascript数组 sort方法的分析
• ·JavaScript技巧:让网页自动穿上外套
• ·JavaScript教程:框架的概念及如何访问
• ·Javascript 最简单检测网速的方法和应用
• ·用JScript.net写.net应用程序