カラーピッカーに代わる便利なinputタグの属性
投稿日
更新日
先日の記事で、プラグインで色を選択できる機能を付ける時に、
カラーピッカーを入れる記事を書きましたが、もっと便利なinputタグの属性がありました!!
「type=”color”」です!!
先日の記事で紹介した時は、下の画像のような感じで、
選択する時に見た目が崩れる感じだったので調整が必要な状況でした。
が、inputタグの属性colorを使用することで、下の画像のように表示されるので、
調整等も不要で同様に使用する事が出来ます。
ちなみに、最初はRGBでの設定になっていますが、赤枠部分をクリックすると
16進数での設定もできます!!
色合いは色を選択すると、value値として登録されます。
inputタグの属性だけでこんな便利なことができるとか素敵すぎる・・・!
ちなみに、詳細については、下記URLにて・・・
https://developer.mozilla.org/ja/docs/Web/HTML/Element/input/color