HTML DOM Input Text 對象


Input Text 對象

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

訪問 Input Text 對象

你可以通過 getElementById() 訪問 type="text" 的 <input> 元素:

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

提示: 同樣,你可以通過查找表單 elements 集合來訪問 Input Text 對象。

創建 Input Text 對象

你可以通過 document.createElement() 方法來創建 type="text" 的 <input> 元素:

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

Input Text 對象屬性

= HTML5 新增屬性。

屬性 描述
autocomplete 設置或返回文本域的 autocomplete 屬性值
autofocus 在頁麵加載後設置或返回文本域是否自動獲取焦點
defaultValue 設置或返回文本域的默認值
disabled 設置或返回文本域是否禁用
form 返回一個對包含文本域的表單對象的引用
list 返回一個對包含文本域的選項列表對象的引用
maxLength 設置或返回文本域中的最大字符數
name 設置或返回文本域的名稱
pattern 設置或返回文本域的 pattern 屬性值
placeholder 設置或返回文本域的 placeholder 屬性值
readOnly 設置或返回文本域是否應是隻讀的
required 設置或返回 whether the text field must be filled out before submitting a form
size 設置或返回文本域的 size 屬性值
type 返回文本域的表單元素類型
value 設置或返回文本域的 value 屬性值

Input Text 對象方法

方法 描述
blur() 從文本域中移除焦點
focus() 讓文本域獲取焦點
select() 選取文本域的內容

標準屬性和事件

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


相關頁麵

HTML 教程: HTML 表單

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

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