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 オートフォーカス ページの読み込み時にパスワードフィールドが自動的にフォーカスを取得するかどうかを設定または返す