手机站
网通分站
电信主站
密 码:
用户名:
当前位置 : 主页>网页制作>Javascript>列表

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

来源:互联网 作者:west263.com 时间:2008-02-23
西部数码-全国虚拟主机10强!40余项虚拟主机管理功能,全国领先!双线多线虚拟主机南北访问畅通无阻!免费赠送企业邮局,.CN域名,自助建站480元起,免费试用7天,满意再付款! P4主机租用799元/月.月付免压金!
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改变或获得其值,但提交时并不提交该值。

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

文章整理:西部数码--专业提供域名注册虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!