数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法学研究HTML DOM 输入搜索对象
HTML DOM 输入搜索对象与类型为“search”的``元素相关联。我们可以分别使用 `createElement()` 和 `getElementById()` 方法创建和访问类型为 search 的输入元素。
属性
以下是输入搜索对象的属性：
| 属性 | 描述 |
|---|---|
| autocomplete | 设置或返回搜索字段在页面加载时是否应自动获得焦点。 |
| autofocus | 设置或返回搜索字段在页面加载时是否应自动获得焦点。 |
| defaultValue | 设置或返回搜索字段的默认值。 |
| disabled | 设置或返回重置按钮是否已被禁用。 |
| form | 返回包含搜索字段的表单的引用。 |
| list | 返回包含搜索字段的数据列表的引用。 |
| maxLength | 设置或返回搜索字段的 maxlength 属性值。 |
| name | 设置或返回搜索字段的 name 属性值。 |
| pattern | 设置或返回搜索字段的 pattern 属性值。 |
| placeholder | 设置或返回搜索字段的 placeholder 属性值。 |
| readOnly | 设置或返回搜索字段是否为只读。 |
| required | 设置或返回在提交表单之前是否必须填写搜索字段。 |
| size | 设置或返回搜索字段的 size 属性值。 |
| type | 这是一个只读属性，返回搜索字段所属的表单元素的类型。 |
| value | 设置或返回搜索字段的 value 属性值。 |
语法
以下是语法：
创建输入搜索对象：
var P = document.createElement("INPUT");
P.setAttribute("type", "search");示例
让我们来看一个输入搜索对象的示例：
<!DOCTYPE html>
<html>
<head>
<script>
function createSearch() {
var S= document.createElement("INPUT");
S.setAttribute("type", "search");
document.body.appendChild(S);
}
</script>
</head>
<body>
<p>Create an input field with type search by clicking the below button</p>
<button onclick="createSearch()">CREATE</button>
<br><br>
FRUITS:
</body>
</html>输出
这将产生以下输出：
点击“创建”按钮后：
更新于：2019年8月19日
107 次浏览
广告