Childプロフィールサービス一覧LP制作サービス会員サイト制作代行WordPress設置代行お客様の声お問合せ無料7日間!インスタ自動ツールホームWordPressコンタクトフォーム7で入力欄をまとめてすっきり&透かしを入れる方法2018年3月2日SHAREツイートシェアはてブLINEPocketコンタクトフォーム7で1項目の中に複数入力欄を出す方法を解説します。文章にすると分かりにくいですが、画像で見てもらうと一目瞭然です。個人ブログなどで、姓名などを入力してもらうことはないかもしれませんが、あくまでもサンプルです。同じ類の項目になります。一つにまとめたとしても、何を入力すればいいか分かりますよね。一つにまとめることで、何を入力してもらうか分からなくなる場合は、透かし(ウォーターマーク)入れるといいです。入力欄への透かしの入れ方まずは試してみてくださいコンタクトフォーム7での項目のまとめ方お名前の姓名の箇所で説明していきます。your-name2]</label>普通に記載したらこうですが、これだとフォーム項目は分かれて表示されます。<label></label>というタグが一つの項目になっているので、一つのタグの間に2つのコードを記載してあげればいいのです。your-name2]</label>このようになります。このままだと、このように何を入力したらいいのかわからなくなります。ここで透かし(ウォーターマーク)を入れてあげるのです。透かしは入力しないときは表示され、入力するときには表示が消えるというものです。watermark”名”]</label>このように「watermark”●●”」という記述を所定の位置に入れてあげればOKです。watermarkの記載を入れれば画像のようになります。watermarkはメールアドレスやテキストエリアなどの項目にも使うことができます。こちらは当ブログのお問い合わせフォームですが、透かしを入れてあげるとよりユーザーが入力しやすくなりますね。試してみてくださいいかがでしたでしょうか?タグの法則さえある程度理解すればフォームをきれいに表示させることができます。コメントをキャンセルメールアドレスが公開されることはありません。Nakamura公立幼稚園教諭⇒Webクリエイター(在宅)へと転身。一度っきりの人生、他人の声よりも自分の心の声に従って生きるほうが楽しい。