フォーム内に入力例を表示させる方法

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

こんにちは。
シーサイドレーベルweb担当の飯野です。

今回は、フォーム内に入力例を表示させる
方法について解説します。

この「起業の王道」サイトでも、
トップページや記事下に表示されている
『5つのルール』の登録フォームの所に
メールアドレスという文字が表示されていると思います。

g1

記述例としては、この様な形です。

簡易的にマークアップしてますが、
inputの部分にplaceholder属性を指定してあげています。

HTML5でサイトを作成することで、
このinput要素のplaceholder属性を使うことが出来ます。

ただし、ブラウザによっては
placeholder属性が反映されないこともありますので
その辺はご注意下さい。

jQuery プラグインを使って表示させる方法もあるようですが、
今回はシンプルに簡単に設定出来る方法をご紹介させて頂きました。

良かったらチャレンジしてみて下さいね。

では、また来週お会いしましょう。

●3年ぶりに帰ってきた「藤田哲也の個別コンサルティング」

 ⇒ http://www.japan-forum.jp/sp/kojin.htm

mt

起業初年度1000万円、その後ゆるやかに年商3000万円までを目標に起業に向けて一歩を踏み出したい方向けの起業専門メルマガです。最新のノウハウを始め、セミナーや限定サービスのご案内をご希望の方は今すぐ下記フォームより、メインで使っているメールアドレスをご登録下さい。家族との時間を大切にしながら自由自在に収入を増やせる起業家になる方法を余すことなくお伝えいたします。

メールアドレス(必須)

コミュニティ