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

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

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

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

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

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

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

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

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

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