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

HTMLDOM入力検索無効プロパティ

HTML DOM入力検索無効プロパティは、検索フィールドを無効にするかどうかを設定または返すために使用されます。ブール値を使用します。trueは要素を無効にする必要があり、それ以外の場合はfalseを表します。デフォルトでは、disabledプロパティはfalseに設定されています。ただし、無効になっている要素はデフォルトでグレー表示されており、クリックできません。

構文

以下は、-

の構文です。

無効なプロパティの設定-

searchObject.autofocus = true|false

ここで、true =検索フィールドは無効になり、false=検索フィールドは無効になりません。デフォルトではfalseです。

例

入力検索が無効になっているプロパティの例を見てみましょう-

<!DOCTYPE html>
<html>
<body>
<h1>Input search disabled Property</h1>
<form>
FRUITS: <input type="search" id="SEARCH1" name="fruits">
<form>
<p>Disable the above search field by clicking on the DISABLE button</p>
<button type="button" onclick="disableSearch()">DISABLE</button>
<p id="Sample"></p>
<script>
   function disableSearch() {
      document.getElementById("SEARCH1").disabled=true;
      document.getElementById("Sample").innerHTML = "The search field is now disabled" ;
   }
</script>
</body>
</html>

出力

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

HTMLDOM入力検索無効プロパティ

DISABLEボタンをクリックすると-

HTMLDOM入力検索無効プロパティ

上記の例では-

最初に、type =” search”、id =” SEARCH1”、name =” fruits”の要素を作成しました。検索フィールドはフォーム内にあります-

<form>
FRUITS: <input type="search" id="SEARCH1" name="fruits">
<form>

次に、ユーザーがクリックしたときにdisableSearch（）メソッドを実行するボタンCHANGEを作成します-

<button type="button" onclick="disableSearch()">DISABLE</button>

disableSearch（）メソッドは、getElementById（）メソッドを使用してタイプsearchで入力要素を取得し、そのdisabledプロパティをtrueに設定します。これにより、検索フィールドをクリックできなくなり、ユーザーは検索フィールドを操作できなくなります。今は灰色になっています-

function disableSearch() {
   document.getElementById("SEARCH1").disabled=true;
   document.getElementById("Sample").innerHTML = "The search field is now disabled" ;
}

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

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

  2. HTMLDOM入力検索defaultValueプロパティ

    HTML DOM入力検索defaultValueプロパティは、検索フィールドのdefaultValueを設定または取得するために使用されます。要素のdefaultValueは、value属性に割り当てられた値です。 valueプロパティとdefaultValueプロパティの違いは、defaultValueプロパティは元のデフォルト値を保持し、valueプロパティ値は検索フィールドへのユーザー入力に基づいて変更されることです。 構文 以下は、defaultValueプロパティを設定するための構文です- searchObject.defaultValue = value ここで、「value」