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

您现在的位置：圆点视线 >> 教程 >> 网页设计 >> javascript技巧 >> 文章正文

[图文]几种常用禁止修改输入框的方法

★★★

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

作者：佚名　文章来源：网页教学网　点击数：　更新时间：2007-10-26 18:24:00　

【字体：小大】

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

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

　【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】　文章录入：Rainsion 责任编辑：Rainsion 　【字体：小大】

下一篇文章：没有了

最新文章

网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

发表评论：

姓　　名：		评分： 1分 2分 3分 4分 5分
评论内容：		·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。 ·用户需对自己在使用本网服务过程中的行为承担法律责任 ·本站管理员有权保留或删除评论内容。 ·评论内容只代表机友个人观点，与本网站立场无关。

百度主题推广