資料結構
網路
關係資料庫管理系統 (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 次瀏覽
廣告