selectタグにプレースホルダーを設定する

はじめに

selectタグでよくある「お選びください」などの
初期値(プレースホルダー)を設定する方法です。
CSSやjavascriptを使わずにhtmlだけで完結させます。

デモ


1

説明するまでもない気もしますが、
初期値は選択できないようになっているので、
変更後は初期値にはできません。

また、初期値のvalueは空になっているので、
初期値から変更しないで送信した場合、
空かどうかのチェックが簡単に行えます。

引用