color

input要素のtype属性にcolorを指定すると、カラー入力欄になる。

ブラウザ対応

構文

<input type="color">

属性

属性 説明
autocomplete属性 オートコンプリートを有効にするかどうかを指定する属性。
autofocus属性 オートフォーカスさせる属性。
disabled属性 無効にする属性。
form属性 属するform要素のid属性値を指定する属性。
list属性 入力候補を示すdatalist要素（データリスト）のid属性値を指定する属性。
name属性 名前を指定する属性。
value属性 値を指定する属性。カラー入力欄においては、初期入力値となる。

サンプルコード

カラー入力欄： <input type="color" name="sampleName">

サンプル

HTMLソースコード

<form action="sample-input-type.php" method="post" target="_blank">
	<p>
		<label>
			カラー入力欄：
			<input type="color" name="sampleName">
		</label>
	</p>
	<p>
		<input type="submit">
	</p>
</form>

実際の表示