HTML <input>标签的readonly属性

HTML <input>标签参考手册 HTML <input>标签

示例

HTML表单中包含两个文本输入框(其中一个为只读)和一个提交按钮:

<form action="form_action.php" method="get">
  电子邮件:<input type="text" name="email" /><br />
  国家:<input type="text" name="country" value="Norway"
  readonly="readonly" /><br />
  <input type="submit" value="提交" />
</form>

试一个 »

定义及用法

<input>标签的readonly属性用于指定输入框为只读。

只读的输入框不能被编辑,不过它仍然可以获取焦点,用户仍然可以复制其中的文本。

网页设计者可以利用readonly属性,防止用户在满足一定条件(例如选中一个复选框,等等)之前编辑输入框中的文本。然后,待条件满足时,再通过JavaScript移除readonly属性,从而使得文本输入框可以编辑。

readonly属性仅适用于文本输入框(<input type="text">)和密码输入框(<input type="password">)。


浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

所有主流浏览器均支持<input>标签的readonly属性。


语法

<input readonly="value" />

属性值

描述
readonly 指定输入框为只读


HTML <input>标签参考手册 HTML <input>标签
粤ICP备11097351号-1