＜input＞标签的 readonly 属性

实例

带有两个文本字段和一个提交按钮的 HTML 表单：

<form action="form_action.asp" method="get">Name:<input type="text" name="email" />Country:<input type="text" name="country" value="China" readonly="readonly" /><input type="submit" value="Submit" />
</form>

定义和用法

readonly 属性规定输入字段为只读。

只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。

readonly 属性可以防止用户对值进行修改，直到满足某些条件为止（比如选中了一个复选框）。然后，需要使用 JavaScript 消除 readonly 值，将输入字段切换到可编辑状态。

readonly 属性可与或配合使用。

语法

<input readonly="value">

属性值

＜input＞标签的 readonly 属性相关推荐

使用js设置input标签只读 readonly 属性
先上代码: <html><head><title> test </title><meta charset="utf-8"> ...
html vue.js readonly,使用js设置input标签只读 readonly 属性
先上代码: test function setReadonly() { //document.getElementById("test").setAttribute("r ...
input 标签取消readOnly属性
driver.find_element_by_id('idname').clear() driver.execute_script('document.getElementById("idn ...
input标签加disabled属性后无法获得其value值
在做网站时,由于某些信息不能修改,故使用了input标签的disabled属性, 但是在提交数据后却发现显示为空了.后来一查才知道input设置为disabled值时会有下面的限制: 1.不能接收焦点 ...
【input 标签的 type 属性详解】
input 标签的 type 属性详解 1. input 输入标签的 type 属性 1.1 input 标签的 type类型属性的常用属性值 ⑴ 单行文本框: type="text&qu ...
如何用jquery动态改变 input 输入框的readonly属性及CSS样式
样例 <style type="text/css">.disable{background-color: #d2d2d2;} </style><div ...
html中input标签中type属性小总(包含html5新增表单属性)
前言 HTML5新增了许多属性和方法,其中一些就有input标签中 type属性. 有关于input中type的全部可取值如下 1.button 2.text 3.time(会呈现表的形状) 4. ...
input标签的value属性详解
请结合这篇文章一起看 input 标签的 value 属性的作用是由 input 标签的 type 属性的值决定的当 type 的取值为 button.reset.submit 中的其中一个时,此时 ...
input标签的name属性详解
请结合这篇文章一起看 name 属性规定 input 元素的名称 name 属性用于对提交到服务器后的表单数据进行标识,或者在客户端通过 JavaScript 引用表单数据只有设置了 name 属性 ...

＜input＞标签的 readonly 属性

实例

定义和用法

＜input＞标签的 readonly 属性相关推荐

最新文章

热门文章

＜input＞ 标签的 readonly 属性

实例

定义和用法

＜input＞ 标签的 readonly 属性相关推荐

最新文章

热门文章

＜input＞标签的 readonly 属性

＜input＞标签的 readonly 属性相关推荐