技術情報
<input type="color">
色の入力欄を定義します。

属性
オートコンプリートを有効にするかどうかを設定します。

on (デフォルト)
オートコンプリートを有効にします。

off
オートコンプリートを無効にします。

自動フォーカスを設定します。自動フォーカスを設定できるのは1つの文書で1つだけです。
値は autofocus="autofocus" とするか 属性名のみ指定します。

部品を無効にします。
値は disabled="disabled" とするか 属性名のみ指定します。

<form>~</form>の外側に部品グループを配置する場合に、formタグのid属性値と同じ値を設定します。

datalistタグのid属性値を設定します。この属性を設定すると、テキスト入力欄にフォーカスが移動した時に選択肢候補が入力欄下部に表示されるようになります。

部品の名前を設定します。value属性値とセットで送信されます。

入力必須に設定します。
値は required="required" とするか 属性名のみ指定します。

"color"を設定します。

送信される値を設定します。name属性値とセットで送信されます。値は #000000 ~ #FFFFFF の間で設定します。




使用例
<form id="test">
<input type="color" name="data1" list="list1" title="色を設定してください"><br>
<datalist id="list1">
<option value="#FF0000"></option>
<option value="#00FF00"></option>
<option value="#0000FF"></option>
</datalist>
</form>


表示例