数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济
心理学
社会学科
时尚研究
法律研究HTML DOM 输入搜索已禁用属性
HTML DOM 输入搜索已禁用属性用于设置或返回是否应禁用搜索字段。它使用布尔值，其中 true 表示应禁用元素，否则为 false。默认情况下，disabled 属性设置为 false。但是，默认情况下，已禁用元素呈灰色且不可单击。
语法
以下是对 - 的语法
设置 disabled 属性 -
searchObject.autofocus = true|false
此处，true=禁用搜索字段， false=未禁用搜索字段。它默认情况下为 false。
示例
我们来看看输入搜索已禁用属性的一个示例 -
<!DOCTYPE html>
<html>
<body>
<h1>Input search disabled Property</h1>
<form>
FRUITS: <input type="search" id="SEARCH1" name="fruits">
<form>
<p>Disable the above search field by clicking on the DISABLE button</p>
<button type="button" onclick="disableSearch()">DISABLE</button>
<p id="Sample"></p>
<script>
function disableSearch() {
document.getElementById("SEARCH1").disabled=true;
document.getElementById("Sample").innerHTML = "The search field is now disabled" ;
}
</script>
</body>
</html>输出
这将产生以下输出 -
单击 DISABLE 按钮：
在以上示例中 -
我们首先创建了一个 type=”search”，id=”SEARCH1”和 name=”fruits”的 <input> 元素。搜索字段位于表单内 -
<form> FRUITS: <input type="search" id="SEARCH1" name="fruits"> <form>
然后创建一个按钮 CHANGE，用户点击时将执行 disableSearch() 方法 -
<button type="button" onclick="disableSearch()">DISABLE</button>
disableSearch() 方法使用 getElementById() 方法获取输入元素，其类型为搜索，并将其 disabled 属性设置为 true。这使搜索字段无法再被单击，用户无法再与之交互。它现在已变为灰色 -
function disableSearch() {
document.getElementById("SEARCH1").disabled=true;
document.getElementById("Sample").innerHTML = "The search field is now disabled" ;
}
更新于： 19-Feb-2021
254 阅览
广告