html input disabled HTML DOM Input URL disabled 属性

html input disabled

HTML input disabled 属性用于禁用 HTML 表单中的输入字段，以防止用户在表单中输入数据。它可以应用于所有类型的 HTML 表单输入，包括文本字段、复选框、单选按钮和下拉列表。

<input type="text" name="name" disabled> 

当 disabled 属性应用于 HTML 表单输入时，它会使该字段不可编辑，并且在浏览器中显示为灰色。这意味着用户无法在该字段中输入任何内容，也无法将该字段的值发送到服务器。

HTML input disabled 属性还可以用于隐藏表单中的一些字段，而不是完全禁止对它们的访问。例如，如果你想要在表单中显示一个文本字段，但是不希望用户能够修改它的内容，你可以使用 disabled 属性来隐藏该字段。

 
<input type="text" name="name" value="John Doe" disabled> 

此外，HTML input disabled 属性还可以用于加强表单的安全性。例如，如果你想要防止黑客修改表单中的重要信息（例如密码或者金钱数量），你可以使用 disabled 属性来阻止这样的修改。

HTML DOM Input URL disabled 属性

Input URL disabled 属性

Input URL 对象

实例

禁用 URL 字段：

document.getElementById("myURL").disabled = true;

输出结果：

---

定义和用法

disabled 属性用于设置或者返回 URL 字段是否被禁用。

使用 disabled 属性的元素是不可用和不可点击的。 禁用的元素在浏览器上通常显示为灰色。

该属性反映了 HTML disabled 属性。

---

浏览器支持

所有主流浏览器都支持 disabled 属性

注意： Internet Explorer 或 Safari 浏览器不支持使用 type="url" 属性的 HTML <input> 元素。

---

语法

返回 disabled 属性：

urlObject.disabled

设置 disabled 属性：

urlObject.disabled=true|false

属性值

值	描述
true|false	描述URL字段是否可用。 true - URL字段不可用 false - 默认。 URL字段可用

技术细节

返回值：	布尔值，如果 URL 字段不可用返回true，否则返回false

---

更多实例

实例

查看 URL 字段是否可用：

var x = document.getElementById("myURL").disabled;

x输出结果为：

true

实例

禁用或启用 URL 字段：

function disableBtn() {
    document.getElementById("myURL").disabled = true;
}
function undisableBtn() {
    document.getElementById("myURL").disabled = false;
}

---

相关页面

HTML 参考手册: HTML <input> disabled 属性

---

Input URL 对象