勉強したことのメモ

webプログラマが勉強したことのメモ。

フォームでカラーコードを入力したい際に便利な方法

      2019/01/28

あるフォームの項目でカラーコードを入力したいというケースがあった。だいぶ前に同じようなケースがあった際はjQueryのカラーピッカープラグインを使用していたが、今はHTML5で簡単に対応できるみたい。以下に方法をメモ。

 

使用方法

カラーコードのフォーム部分に以下を追記する。

 

サンプル

http://sample.taitan916.info/color/

 

注意点

iPhoneのsafariで見たところ対応しておらず、テキストボックスの形で表示された。スマホも対応したい場合は以前に記事を書いた方法を用いる。

 - HTML

  関連記事

フォームの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にて表示崩れが発生する際、ドキュメントモードが 互換モードになっている場合が ...