HTMLDOM入力カラーオブジェクト
HTML DOM入力カラーオブジェクトは、color型の入力HTML要素を表します。
構文
以下は構文です-
- の作成 タイプカラー付き-
var colorObject = document.createElement(“input”); colorObject.type = “color”;
属性
ここでは、「 colorObject 」は次の属性を持つことができます-
| 属性 | 説明 |
|---|---|
| オートコンプリート | カラーピッカーのオートコンプリート属性の値を定義します |
| オートフォーカス | カラーピッカーを最初のページ読み込みに集中させるかどうかを定義します。 |
| defaultValue | カラーピッカーのデフォルト値を設定/返します |
| 無効 | カラーピッカーを無効/有効にするかどうかを定義します |
| フォーム | カラーピッカーを含む囲みフォームの参照を返します |
| 名前 | カラーピッカーのname属性の値を定義します |
| タイプ | カラーピッカーのフォーム要素のタイプを返します |
| 値 | カラーピッカーのvalue属性の値を定義します |
例
入力色名の例を見てみましょう プロパティ-
<!DOCTYPE html>
<html>
<head>
<title>Input Color Name</title>
</head>
<body>
<form id="formForColorsInput">
Color Picker: <input type="color" id="Color" name="primaryColor">
</form>
<button onclick="changeNameValue()">Change name value</button>
<div id="divDisplay"></div>
<script>
var inputColor = document.getElementById("Color");
var divDisplay = document.getElementById("divDisplay");
divDisplay.textContent = 'Name of color input: '+inputColor.name;
function changeNameValue() {
if(inputColor.name == 'primaryColor'){
inputColor.name = 'secondaryColor';
divDisplay.textContent = 'Name of color input: '+inputColor.name;
}
}
</script>
</body>
</html> 出力
これにより、次の出力が生成されます-
[名前の値を変更]をクリックする前に ボタン-
[名前の値を変更]をクリックした後 ボタン-
-
HTMLDOM入力色無効プロパティ
HTML DOM入力色無効プロパティは、入力色が有効か無効かを設定/返します。 構文 以下は構文です- ブール値を返す-true/false inputColorObject.disabled 設定無効 booleanValueへ inputColorObject.disabled = booleanValue ブール値 ここでは、「booleanValue」 次のようになります- booleanValue 詳細 true 入力色を無効にすることを定義します。 false 入力色が無効にならず、デフォルト値でもあることを定義します。 例 入力
-
HTMLDOM入力リセットオブジェクト
HTML DOM入力リセットオブジェクトは、タイプ「reset」の要素に関連付けられています。 createElement（）メソッドとgetElementById（）メソッドをそれぞれ使用して、タイプがリセットされた入力要素を作成してアクセスできます。 プロパティ 以下は、入力リセットオブジェクトのプロパティです- プロパティ 説明 オートフォーカス ページが読み込まれたときにリセットボタンが自動的にフォーカスを取得するかどうかを設定または戻すには。 defaultValue リセットボタンのデフォルト値を設定または戻すには。 無効 リセットボタンが無効になっ