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 設(shè)置或返回文本域的 autocomplete 屬性值
autofocus 在頁面加載后設(shè)置或返回文本域是否自動獲取焦點(diǎn)
defaultValue 設(shè)置或返回文本域的默認(rèn)值
disabled 設(shè)置或返回文本域是否禁用
form 返回一個(gè)對包含文本域的表單對象的引用
list 返回一個(gè)對包含文本域的選項(xiàng)列表對象的引用
maxLength 設(shè)置或返回文本域中的最大字符數(shù)
name 設(shè)置或返回文本域的名稱
pattern 設(shè)置或返回文本域的 pattern 屬性值
placeholder 設(shè)置或返回文本域的 placeholder 屬性值
readOnly 設(shè)置或返回文本域是否應(yīng)是只讀的
required 設(shè)置或返回 whether the text field must be filled out before submitting a form
size 設(shè)置或返回文本域的 size 屬性值
type 返回文本域的表單元素類型
value 設(shè)置或返回文本域的 value 屬性值

Input Text 對象方法

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

標(biāo)準(zhǔn)屬性和事件

Input Text 對象同樣支持標(biāo)準(zhǔn) 屬性事件


相關(guān)頁面

HTML 教程: HTML 表單

HTML 參考手冊: HTML <input> 標(biāo)簽

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

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號