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

HTMLDOM入力カラーオートフォーカスプロパティ

HTML DOM入力色のオートフォーカスプロパティは、入力色が最初のページの読み込み時にフォーカスされるかどうかを設定/返します。

構文

以下は構文です-

  • ブール値を返す-true/false 
inputColorObject.autofocus
  • オートフォーカスの設定 booleanValueへ
inputColorObject.autofocus = booleanValue

ブール値

ここでは、「 booleanValue 」は次のようになります-

booleanValue 詳細
true 入力がページの読み込み時に自動フォーカスされることを定義します。
false これはデフォルト値であり、入力はオートフォーカスされません。

例

入力カラーオートフォーカスの例を見てみましょう プロパティ-

<!DOCTYPE html>
<html>
<head>
<title>Input Color Autofocus</title>
</head>
<body>
Color Picker: <input type="color" id="Color" autofocus>
<button onclick="removeAutoFocus()">Remove Auto Focus</button>
<div id="divDisplay"></div>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputColor = document.getElementById("Color");
   divDisplay.textContent = 'Autofocus: '+inputColor.autofocus function removeAutoFocus() {
      if(inputColor.autofocus == true){
         inputColor.autofocus = false;
         divDisplay.textContent = 'Autofocus: '+inputColor.autofocus
      }
   }
</script>
</body>
</html>

出力

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

[オートフォーカスを削除]をクリックする前に ’ボタン-

HTMLDOM入力カラーオートフォーカスプロパティ

[オートフォーカスを削除]をクリックした後 ’ボタン-

HTMLDOM入力カラーオートフォーカスプロパティ


  1. HTMLDOM入力ラジオオートフォーカスプロパティ

    HTML DOM入力ラジオオートフォーカスプロパティは、HTML要素のオートフォーカス属性に関連付けられています。このプロパティは、ページが読み込まれたときに入力ラジオボタンが自動的にフォーカスされるかどうかを設定または返すために使用されます。 構文 以下は、-の構文です。 オートフォーカスプロパティを設定します。 radioObject.autofocus = true|false ここで、trueはラジオボタンがフォーカスを取得する必要があることを表し、falseはそれ以外の場合を表します。デフォルトではfalseに設定されています。 例 入力ラジオのオートフォーカスプロパティの例

  2. HTMLDOM入力範囲のオートフォーカスプロパティ

    HTML DOM入力範囲のautofocusプロパティは、HTMLの要素のautofocus属性に関連付けられています。このプロパティは、ページが読み込まれたときに入力範囲スライダーが自動的にフォーカスされるかどうかを設定または返すために使用されます。 構文 以下は、-の構文です。 オートフォーカスプロパティの設定- rangeObject.autofocus = true|false ここで、trueは範囲スライダーがフォーカスを取得する必要があることを表し、falseはそうでないことを表します。デフォルトではfalseに設定されています。 例 入力範囲のオートフォーカスプロパティの