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

HTMLDOM入力検索値プロパティ

HTML DOM入力検索値プロパティは、type =” search”を持つ入力要素とvalue属性に関連付けられています。入力検索フィールド値属性の値を返すか、設定するために使用されます。このプロパティは、検索フィールドのデフォルト値を指定するために使用され、値をユーザー入力に変更します。

構文

以下は、-

の構文です。

値プロパティの設定-

searchObject.value = text;

ここでは、検索フィールドの値を指定するためにテキストが使用されています。

例

入力検索値プロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h1>Input search Value property</h1>
<form>
FRUITS: <input type="search" id="SEARCH1" name="fruits">
</form>
<p>Get the above element value by clicking the below button</p>
<button onclick="getValue()">Get Value</button>
<p id="Sample"></p>
<script>
   function getValue() {
      var t = document.getElementById("SEARCH1").value;
      document.getElementById("Sample").innerHTML = "The value for the input field is : "+t;
   }
</script>
</body>
</html>

出力

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

HTMLDOM入力検索値プロパティ

テキストを入力してから[値を取得]ボタンをクリックすると-

HTMLDOM入力検索値プロパティ


  1. HTMLDOM入力検索maxLengthプロパティ

    HTML DOM入力検索maxlengthプロパティは、入力検索フィールドのmaxlength属性を設定または返すために使用されます。 maxLengthプロパティは、検索フィールドに入力できる最大文字数を指定します。 構文 以下は、-の構文です。 maxLengthプロパティを設定します- passwordObject.maxLength = integer ここで、integerは、検索フィールドに入力できる最大文字数を指定します。これのデフォルト値は524288です。 例 maxLengthプロパティの例を見てみましょう- <!DOCTYPE html> <ht

  2. HTMLDOM入力検索フォームのプロパティ

    HTML DOM入力検索フォームプロパティは、指定された入力検索フィールドを含むフォーム参照を返すために使用されます。検索フィールドがフォームの外にある場合は、単にNULLを返します。このプロパティは読み取り専用です。 構文 以下は、入力検索フォームプロパティの構文です- searchObject.form 例 HTMLDOM入力検索フォームプロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Input search form Property</h1> <form id=&