フォームでカラーコードを入力したい際に便利な方法
2019/01/28
あるフォームの項目でカラーコードを入力したいというケースがあった。だいぶ前に同じようなケースがあった際はjQueryのカラーピッカープラグインを使用していたが、今はHTML5で簡単に対応できるみたい。以下に方法をメモ。
使用方法
カラーコードのフォーム部分に以下を追記する。
|
1 |
<input type="color"> |
サンプル
http://sample.taitan916.info/color/
注意点
iPhoneのsafariで見たところ対応しておらず、テキストボックスの形で表示された。スマホも対応したい場合は以前に記事を書いた方法を用いる。
関連記事
-
-
フォームのresetについて
<input type="reset">についてクリックしたら 初期 ...
-
-
HTML、javascriptソースの暗号化
サーバーサイドはソースを見られないけどクライアントサイドはソースを見られるので、 ...
-
-
htmlのarticle
コーダーさんから渡されたソースに<article>という 記述があり ...
-
-
mp3ファイルのアップロードと再生方法
mp3ファイルをformでアップロードしたかったのと、Webサイト上で再生したか ...
-
-
オブジェクトタグ/エンベットタグ
<object> <embed> 見たこと、聞いたことが ...
-
-
metaタグでSEO
同じページに複数項目があり、その項目によって SEO対策を行う、というものがあっ ...
-
-
formで送信後にアンカータグをつけたい
formでGETもしくはPOSTで送信し、その後のURLにアンカータグをつけたか ...
-
-
tableにスクロールバーを付ける
レイアウト的にiframeじゃなくtableにスクロールバーを つけたかった。 ...
-
-
formのテキストボックスやテキストエリアにサンプルの値を表示させる
テキストボックスでplaceholderという 見かけない記述があったのでメモ。 ...
-
-
IEの表示崩れ
IEにて表示崩れが発生する際、ドキュメントモードが 互換モードになっている場合が ...