入力ボックスの初期値でサンプル文字の表示

入力ボックスだけでは、何を入力したらいいのかわからない時ってありませんか?

また、ユーザによって、お問い合わせで、いつもここの項目が意図している回答と違うというケースありませんか?

例えば、電話番号の入力でハイフンで入れてほしい場合。

正直、これだけだと、どう入力していいのか混乱します。

 

例えば、こんな感じにしてみてはいかがでしょうか。

1文字入力すると、文字が消えます。

実際のコードは下記のように使います。
<input type="tel" placeholder="080-0000-00000" />

実際のサンプルになります。

 

あと、補足ですが、入力値のチェックはサーバー側でするとよいでしょう。


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

WP-SpamFree by Pole Position Marketing