HTML DOM Input Text 對象

2023-04-10 14:01 更新

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

訪問 Input Text 對象

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

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

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

創(chuàng)建 Input Text 對象

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

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

Input Text 對象屬性

屬性 描述
autocomplete 設置或返回文本域的 autocomplete 屬性值
autofocus 在頁面加載后設置或返回文本域是否自動獲取焦點
defaultValue 設置或返回文本域的默認值
disabled 設置或返回文本域是否禁用
form 返回一個對包含文本域的表單對象的引用
list 返回一個對包含文本域的選項列表對象的引用
maxLength 設置或返回文本域中的最大字符數(shù)
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() 選取文本域的內(nèi)容

標準屬性和事件

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


相關頁面

HTML 教程: HTML 表單

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

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

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號