HTML <input type = "color">

❮HTML<input>タイプ属性

カラーピッカーを表示します(事前定義された赤の値を使用):

<label for="favcolor">Select your favorite color:</label>
<input type="color" id="favcolor" name="favcolor" value="#ff0000">

定義と使用法

<input type="color">カラーピッカーを定義します。

デフォルト値は#000000(黒)です。値は7文字の16進表記でなければなりません。

ヒント:<label>アクセシビリティのベストプラクティスのために、常にタグを追加してください。


ブラウザのサポート

表の数字は、要素を完全にサポートする最初のブラウザバージョンを示しています。

Attribute
type="color" 20.0 38.0 29.0 10.1 11.01

構文

<input type="color">

❮HTML<input>タイプ属性