HTMLDOM入力テキストオブジェクト
HTML DOM入力テキストオブジェクトは、タイプ「text」の要素に関連付けられています。 createElement()メソッドとgetElementById()メソッドをそれぞれ使用して、テキスト型の入力要素を作成してアクセスできます。
プロパティ
以下は、テキストオブジェクトのプロパティです-
| プロパティ | 説明 |
|---|---|
| オートコンプリート | テキストフィールドのオートコンプリート属性値を設定または返すには |
| オートフォーカス | ページの読み込み時にテキストフィールドが自動的にフォーカスを取得するかどうかを設定または返す。 |
| defaultValue | テキストフィールドのデフォルト値を設定または返すには。 |
| 無効 | テキストフィールドを無効にするかどうかを設定または返す。 |
| フォーム | テキストフィールドを含むフォームの参照を返すには |
| maxLength | テキストフィールドのmaxlength属性値を設定または返すため。 |
| 名前 | テキストフィールドのname属性値を設定または返すには |
| パターン | テキストフィールドのパターン属性値を設定または返すには |
| プレースホルダー | テキストフィールドのプレースホルダー属性値を設定または返すには |
| readOnly | テキストフィールドが読み取り専用かどうかを設定または返す</td> |
| 必須 | フォームを送信する前にテキストフィールドに入力する必要があるかどうかを設定または返すため。 |
| サイズ | テキストフィールドのサイズ属性値を設定または返すため。 |
| タイプ | これは、テキストフィールドのフォーム要素のタイプを返す読み取り専用プロパティです。 |
| 値 | テキストフィールドのvalue属性値を設定または返すため。 |
| リスト | テキストフィールドを含むデータリストへの参照を返すため。 |
構文
以下は、-
の構文です。入力テキストオブジェクトの作成-
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> 出力
これにより、次の出力が生成されます-
[作成]ボタンをクリックすると-
-
HTMLDOMDelオブジェクト
HTML DOM Delオブジェクトは、HTMLの要素に関連付けられています。 要素を表すために使用されます。 Delオブジェクトを使用して、要素を作成してアクセスできます。 プロパティ Delオブジェクトのプロパティは次のとおりです- Sr.No プロパティと説明 1 引用 削除されたテキストの引用属性値を設定または返す。 2 dateTime 削除されたテキストの日時属性値を設定または返すこと。 構文 以下は、-の構文です。 Delオブジェクトの作成- var p = document.createElement("DE
-
HTMLDOM入力パスワードオブジェクト
HTML DOM入力パスワードオブジェクトは、タイプ「password」の要素に関連付けられています。 createElement()メソッドとgetElementById()メソッドをそれぞれ使用して、パスワード型の入力要素を作成してアクセスできます。 プロパティ パスワードオブジェクトのプロパティは次のとおりです- Sr.No プロパティと説明 1 オートコンプリート パスワードフィールドのオートコンプリート属性値を設定または返すには 2 オートフォーカス ページの読み込み時にパスワードフィールドが自動的にフォーカスを取得するかどうかを設定または返す