資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究HTML DOM 輸入文字物件
HTML DOM 輸入文字物件與型別為“text”的<input> 元素相關聯。我們可以使用createElement() 和getElementById() 方法分別建立和訪問型別為文字的輸入元素。
屬性
以下是文字物件的屬性：
| 屬性 | 描述 |
|---|---|
| autocomplete | 設定或返回文字欄位的 autocomplete 屬性值。 |
| Autofocus | 設定或返回頁面載入時文字欄位是否應自動獲取焦點。 |
| defaultValue | 設定或返回文字欄位的預設值。 |
| Disabled | 設定或返回文字欄位是否被停用。 |
| Form | 返回包含文字欄位的表單的引用。 |
| maxLength | 設定或返回文字欄位的 maxlength 屬性值。 |
| name | 設定或返回文字欄位的 name 屬性值。 |
| pattern | 設定或返回文字欄位的 pattern 屬性值。 |
| placeholder | 設定或返回文字欄位的 placeholder 屬性值。 |
| readOnly | 設定或返回文字欄位是否為只讀。 |
| required | 設定或返回在提交表單之前是否必須填寫文字欄位。 |
| size | 設定或返回文字欄位的 size 屬性值。 |
| type | 這是一個只讀屬性，返回文字欄位所屬的表單元素的型別。 |
| value | 設定或返回文字欄位的 value 屬性值。 |
| list | 返回包含文字欄位的資料列表的引用。 |
語法
以下是語法：
建立輸入文字物件：
var P = document.createElement("INPUT");
P.setAttribute("type", "text");示例
讓我們來看一個輸入文字物件的示例：
<!DOCTYPE html>
<html>
<head>
<script>
function createText() {
var P = document.createElement("INPUT");
P.setAttribute("type", "text");
document.body.appendChild(P);
}
</script>
</head>
<body>
<h1>Text object example</h1>
<p>Create an input field with type text by clicking the below button</p>
<button onclick="createText()">CREATE</button>
<br><br>
USERNAME:
</body>
</html>輸出
這將產生以下輸出：
單擊“建立”按鈕後：
更新於： 2023年11月12日
1K+ 瀏覽量
廣告