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

HTMLDOM入力検索に必要なプロパティ


HTMLDOM入力のSearchrequiredプロパティは、要素のrequired属性に関連付けられています。必須プロパティは、フォームがサーバーに送信される前に検索フィールドに入力する必要があるかどうかを設定して返すために使用されます。これにより、必要な属性を持つ検索フィールドがユーザーによって空のままにされた場合、フォームは送信されません。

構文

以下は、-

の構文です。

必要なプロパティの設定-

searchObject.required = true|false

ここで、trueは検索フィールドに入力する必要があることを表し、falseはフォームを送信する前にフィールドに入力するオプションを表します。

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

<!DOCTYPE html>
<html>
<body>
<h1>Input search required property</h1>
<p>Check if the above field is mandatory to be filled or not by clicking the below
button</p>
<form action="/Sample_page.php">
FRUITS: <input type="search" id="SEARCH1" name="fruits" required>
<input type="submit">
</form>
<br>
<button onclick="checkReq()">CHECK</button>
<p id="Sample"></p>
<script>
   function checkReq() {
      var Req=document.getElementById("SEARCH1").required;
      if(Req==true)
         document.getElementById("Sample").innerHTML="The search field must be filled before submitting";
      else
         document.getElementById("Sample").innerHTML="The search field is optional and can be left blank by the user";
   }
</script>
</body>
</html>

出力

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

HTMLDOM入力検索に必要なプロパティ

チェックボタンをクリックすると-

HTMLDOM入力検索に必要なプロパティ

必要なプロパティがtrueに設定されていて、[送信]-

をクリックした場合

HTMLDOM入力検索に必要なプロパティ


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

    HTML DOM入力検索タイププロパティは、type =” search”を持つ入力要素に関連付けられています。入力検索要素の検索を常に返します。 構文 以下は、検索タイププロパティの構文です- searchObject.type 例 入力検索タイププロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Search type property</h1> <form> FRUITS: <input type="search" id="SE

  2. HTMLDOM入力検索サイズプロパティ

    HTML DOM入力検索サイズプロパティは、入力検索フィールドサイズ属性値を設定または返すために使用されます。これは、検索フィールドの幅を文字数で定義するために使用されます。デフォルトの幅は20文字です。 構文 以下は、-の構文です。 検索サイズプロパティの設定- searchObject.size = number ここで、数字は検索フィールドの幅を文字で表します。デフォルトの幅は20文字です。 例 入力検索サイズプロパティの例を見てみましょう- <!DOCTYPE html> <html> <body> <h1>Input searc