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

HTMLDOM入力検索オブジェクト

HTML DOM入力検索オブジェクトは、タイプ「search」の要素に関連付けられています。 createElement（）メソッドとgetElementById（）メソッドをそれぞれ使用して、タイプ検索で入力要素を作成してアクセスできます。

プロパティ

以下は、入力検索オブジェクトのプロパティです-

プロパティ 説明
オートコンプリート ページが読み込まれたときに検索フィールドが自動的にフォーカスを取得するかどうかを設定または返すには。
オートフォーカス ページが読み込まれたときに検索フィールドが自動的にフォーカスを取得するかどうかを設定または返すには。
defaultValue 検索フィールドのデフォルト値を設定または返すには。
無効 リセットボタンが無効になっているかどうかを設定または戻すには。
フォーム 検索フィールドを含むフォームの参照を返すには
リスト 検索フィールドを含むデータリストへの参照を返すため。
maxLength 検索フィールドのmaxlength属性値を設定または返すため。
名前 検索フィールドの名前属性値を設定または返すには
パターン 検索フィールドのパターン属性値を設定または返すため。
プレースホルダー 検索フィールドのプレースホルダー属性値を設定または返すには
readOnly 検索フィールドが読み取り専用かどうかを設定または返す<​​/td>
必須 フォームを送信する前に検索フィールドに入力する必要があるかどうかを設定または返すため。
サイズ 検索フィールドのサイズ属性値を設定または返すため。
タイプ これは、検索フィールドのフォーム要素のタイプを返す読み取り専用プロパティです。
値 検索フィールドのvalue属性値を設定または返すため。

構文

以下は、-

の構文です。

入力検索オブジェクトの作成-

var P = document.createElement("INPUT");
P.setAttribute("type", "search");

例

入力検索オブジェクトの例を見てみましょう-

<!DOCTYPE html>
<html>
<head>
<script>
   function createSearch() {
      var S= document.createElement("INPUT");
      S.setAttribute("type", "search");
      document.body.appendChild(S);
   }
</script>
</head>
<body>
<p>Create an input field with type search by clicking the below button</p>
<button onclick="createSearch()">CREATE</button>
<br><br>
FRUITS:
</body>
</html>

出力

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

HTMLDOM入力検索オブジェクト

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

HTMLDOM入力検索オブジェクト


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

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

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

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