勉強したことのメモ

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

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

      2019/01/28

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

 

使用方法

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

 

サンプル

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

 

注意点

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

 - HTML

  関連記事

formでdisplay:none;にしてても送信される

formで特定の部分をdisplay:none;で非表示にしてても 内容は送信さ ...

オブジェクトタグ/エンベットタグ

<object> <embed> 見たこと、聞いたことが ...

formのテキストボックスやテキストエリアにサンプルの値を表示させる

テキストボックスでplaceholderという 見かけない記述があったのでメモ。 ...

navタグ

デザイナーさんより受け取ったファイルにて navという見慣れないタグがあったので ...

readonlyについて

日付ピッカーとかをテキストボックスに入れた際に、 ピッカー入力とあわせて直接入力 ...

submitについて

<button>タグや「input type="image"」はデフ ...

thead/tbody/tfootタグについて

テーブルのソートで何気なく使った<thead>と<tbody& ...

html内に動画を埋め込んで配信する方法

Webページ内にYoutubeとかを用いずに、動画ファイルを配信したいというケー ...

baseタグ

<base>という見かけないタグがあったのでメモ。 相対パスの基準U ...

HTMLのformでオートコンプリートを無効にする

WordPressでタグ入力はオートコンプリートが効かず、他のフォームではオート ...