HTML DOM Input Text 對象

Input Text 對象

Input Text 對象代表帶有 type="text" 的 HTML <input> 元素。

訪問 Input Text 對象

您可以使用 getElementById() 訪問 type="text" 的 <input> 元素：

var x = document.getElementById("myText");

親自試一試

提示：您還可以通過搜索表單的 elements 集合 來訪問 <input type="text">。

創建 Input Text 對象

您可以使用 document.createElement() 方法創建 type="text" 的 <input> 元素：

var x = document.createElement("INPUT");
x.setAttribute("type", "text");

親自試一試

Input Text 對象屬性

屬性 描述
autocomplete 設置或返回文本字段的 autocomplete 屬性值。
autofocus 設置或返回頁面加載時文本字段是否應自動獲得焦點。
defaultValue 設置或返回文本字段的默認值。
disabled 設置或返回是否禁用文本字段。
form 返回對包含文本字段的表單的引用。
list 返回對包含文本字段的數據列表的引用。
maxLength 設置或返回文本字段的 maxlength 屬性值。
name 設置或返回文本字段的 name 屬性值。
pattern 設置或返回文本字段的 pattern 屬性值。
placeholder 設置或返回文本字段的 placeholder 屬性值。
readOnly 設置或返回文本字段是否為只讀。
required 設置或返回是否必須在提交表單之前填寫文本字段。
size 設置或返回文本字段的 size 屬性值。
type 返回文本字段是哪種類型的表單元素。
value 設置或返回文本字段的 value 屬性值。

Input Text 對象方法

方法 描述
blur() 從文本字段中移除焦點。
focus() 向文本字段賦予焦點。
select() 選擇文本字段的內容。

標準屬性和事件

Input Text 對象同時支持標準屬性和事件。

相關頁面

HTML 教程：HTML 表單

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

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