HTML DOM Input Search 對象


Input Search 對象

Input Search 對象是 HTML5 新增的。

Input Search 對象表示使用 type="search" 的 HTML <input> 元素。

訪問 Input Search 對象

你可以使用 getElementById() 函數來訪問使用 type="search" 屬性的 <input> 元素:

var x = document.getElementById("mySearch"); 嚐試一下

提示: 你同樣可以通過表單的元素集合來訪問 Input Search 對象。

創建 Input Search 對象

你可以使用 document.createElement() 方法來創建使用 type="search" 屬性的 <input> 元素:

var x = document.createElement("INPUT");
x.setAttribute("type", "search"); 嚐試一下

Input Search 對象屬性

Property 描述
autocomplete 設置或返回 search 字段的 autocomplete 屬性值
autofocus 設置或返回 search 字段在頁麵加載後是否自動獲取焦點
defaultValue 設置或返回 search 字段默認的值
disabled 設置或返回 search 字段是否可用
form 返回使用 search 字段的表單引用
list 返回包含了 search 字段的 datalist 引用
maxLength 設置或返回 search 字段的 maxLength 屬性值
name 設置或返回 search 字段的 name 屬性值
pattern 設置或返回 search 字段的 pattern 屬性值
placeholder 設置或返回 search 字段的 placeholder 屬性值
readOnly 設置或返回 search 字段是否隻讀
required 設置或返回 search 字段在表單中是否為必填字段
size 設置或返回 search 字段的 size 屬性值
step 設置或返回 search 字段的 step 屬性值
type 返回 search 字段的表單元素類型
value 設置或返回 search 字段的 value 屬性值

標準屬性和事件

Input Search 對象同樣支持標準 屬性事件


相關文章

HTML 教程: HTML 表單

HTML 參考手冊: HTML <input> 標簽

HTML 參考手冊: HTML <input> type 屬性