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

HTMLDOM入力色値プロパティ

HTML DOM入力色値プロパティは、入力色値属性の値を表す文字列を返します。ユーザーはそれを新しい文字列に設定することもできます。

構文

以下は構文です-

  • 文字列値を返す
inputColorObject.value
  • 値の設定 文字列値の属性
inputColorObject.value = ‘String’

例

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

<!DOCTYPE html>
<html>
<head>
<title>Input Color Value</title>
</head>
<body>
<form id="formForColorsInput">
Primary-Color: <input type="color" id="Color" name="primaryColor" value="#00ff00">
</form>
<button onclick="changeValue()">Get type & change to text</button>
<div id="divDisplay"></div>
<script>
   var inputColor = document.getElementById("Color");
   var divDisplay = document.getElementById("divDisplay");
   divDisplay.textContent = 'value: '+inputColor.value;
   function changeValue() {
      if(inputColor.value == '#00ff00'){
         inputColor.value = '#ff0000';
         divDisplay.textContent = 'value: '+inputColor.value;
      }
   }
</script>
</body>
</html>

出力

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

[入力色の値を変更]ボタンをクリックする前に-

HTMLDOM入力色値プロパティ

[入力色の値を変更]ボタンをクリックした後-

HTMLDOM入力色値プロパティ


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

    HTML DOM入力検索値プロパティは、type =” search”を持つ入力要素とvalue属性に関連付けられています。入力検索フィールド値属性の値を返すか、設定するために使用されます。このプロパティは、検索フィールドのデフォルト値を指定するために使用され、値をユーザー入力に変更します。 構文 以下は、-の構文です。 値プロパティの設定- searchObject.value = text; ここでは、検索フィールドの値を指定するためにテキストが使用されています。 例 入力検索値プロパティの例を見てみましょう- <!DOCTYPE html> <html>

  2. HTMLDOM入力送信値プロパティ

    HTML DOM入力送信値プロパティは、type =” submit”を持つ入力要素とvalue属性に関連付けられています。送信ボタンの値属性の値を返すか、設定するために使用されます。送信ボタンのvalueプロパティは、ボタンに表示されるテキストを変更します。デフォルトでは、テキストは「送信」です。 構文 以下は、-の構文です。 値プロパティの設定- submitObject.value = text; ここで、テキストは送信ボタンに表示されるテキストを指定するために使用されます。 例 入力送信値プロパティの例を見てみましょう- <!DOCTYPE html> <ht