【html】inputの入力ボックスの初期値として薄いグレーの字を表示する方法

初期値としての placeholder と value では、少し違うところがあります。

placeholderを使う

 <input type="text" placeholder="example@mail" />        

placeholderを設定すると、カーソルを当てた後、直接書き込むことができます。

valueを使う

 <input type="text" value="example@mail" />        

valueを設定すると、カーソルを当てた後、削除してから書き込むことになります。

placeholderを設定すると、カーソルを合わせたらすぐに書き込める。

valueを設定すると、カーソルを合わセ、削除してから必要事項を記入する。