Html文本框禁止用户修改的几种方法

2013年10月20日 MK 前端设计 0 阅读 2657次

什么时候禁止用户修改文本框呢？
在文本框的内容只作于演示而不允许用户随意修改时这样做就非常有必要。

方法一：设置readonly属性为true。

1

<input type="text" value="readonly" readonly/>

方法二：设置disabled属性为true。

1

<input type="text" value="disabled" disabled/>

方法三：在对象focus时立刻让它blur，使它无法获得焦点。

1

<input type="text" value="onfocus=this.blur()" onfocus="this.blur()"/>

提示：readonly和disabled的区别在于后者完全禁止与设置该属性的对象交互(表现为不可改写、不可提交等)。

readonly是可以提交的。

onfocus当对象获得焦点时触发。
focus使对象得到焦点。
onblur在对象失去输入焦点时触发。
blur模糊对象的内容以便使其看起来失去焦点。

html, input, 方法, 禁止

JS中Window.Open函数的详解及应用 Js千分位格式化金额数字的方法

发表回复 取消回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

评论 *

显示名称 *

电子邮箱地址 *

网站

在此浏览器中保存我的显示名称、邮箱地址和网站地址，以便下次评论时使用。

有人回复时邮件通知我

Δ