HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

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>

出力

これにより、次の出力が生成されます-

HTMLDOM入力テキストオブジェクト

[作成]ボタンをクリックすると-

HTMLDOM入力テキストオブジェクト


  1. HTMLDOMDelオブジェクト

    HTML DOM Delオブジェクトは、HTMLの要素に関連付けられています。 要素を表すために使用されます。 Delオブジェクトを使用して、要素を作成してアクセスできます。 プロパティ Delオブジェクトのプロパティは次のとおりです- Sr.No プロパティと説明 1 引用 削除されたテキストの引用属性値を設定または返す。 2 dateTime 削除されたテキストの日時属性値を設定または返すこと。 構文 以下は、-の構文です。 Delオブジェクトの作成- var p = document.createElement("DE

  2. HTMLDOM入力パスワードオブジェクト

    HTML DOM入力パスワードオブジェクトは、タイプ「password」の要素に関連付けられています。 createElement()メソッドとgetElementById()メソッドをそれぞれ使用して、パスワード型の入力要素を作成してアクセスできます。 プロパティ パスワードオブジェクトのプロパティは次のとおりです- Sr.No プロパティと説明 1 オートコンプリート パスワードフィールドのオートコンプリート属性値を設定または返すには 2 オートフォーカス ページの読み込み時にパスワードフィールドが自動的にフォーカスを取得するかどうかを設定または返す