登録フォームに薄く入力例の表示を出したい

質問
入力前の登録フォームに薄く入力例を表示したいが、どのようにすればよいか?

登録フォームに入力の指示や入力例を薄く表示するのは、
入力欄のタグにplaceholderという属性を追加することで実現可能です。

例えばメールアドレスの場合、

メールアドレスを入力するための以下のinputタグを探し

<input name=”data[User][mail]” id=”Usermail” value=”"
class=”form_input_input” type=”text” />

placeholder属性を追加して以下のようにします。

<input name=”data[User][mail]” id=”Usermail” value=”"
class=”form_input_input” type=”text” placeholder=”入力例: test@sample.com” />

これで入力前の登録フォームに入力例を表示することが可能です。

この方法で作成した入力欄は、このような表示になります。

コメントを残す

*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

サブコンテンツ

このページの先頭へ