web-dev-qa-db-ja.com

ドロップダウンのためにcontact form7のプレースホルダーを追加するにはどうすればいいですか？

ContactNumber にドロップダウン用に アウトレット のようにプレースホルダーを追加してみたが、表示されません.

コード-

<div class="form-group form-icon-group">
    <i class="fa fa-phone" > </i> [tel* ContactNumber /8 class:form-control placeholder "Contact Number *"]
</div>
<div class="form-group form-icon-group">
<i class="fa fa-food" > </i> [select Outlet id:outlet class:form-control "-- Select Outlet--" "Pasir Ris" "Thomson"]
</div>

これが普通のドロップダウン値として表示されるようにfirst_as_label "Preferred outlet?"を追加しようとしました。

残りのすべてのフィールドにプレースホルダーが表示されますか。ドロップダウンのプレースホルダーを指定する他の方法はありますか。

plugin-contact-form-7
14
Sanjuktha sandesh

質問に答えるには：これは不可能です。

私の知る限り、（HTMLでは）タグを選択するためのプレースホルダを追加する方法はありません。

私が知っている開発者の多くは、オプションにdisabled selectedの組み合わせを使用する傾向があります...

<select>
    <option value="" disabled selected>Select your option</option>
    <option value="ydasdas">ydasdas</option>
    <option value="dasda">dasda</option>
    <option value="ydagfdsdas">ydagfdsdas</option>
    <option value="ewefsdf">ewefsdf</option>
</select>

デモ

私はCF7のソースコード（バージョン4.3.1）をチェックしました、そしてこのHTMLフォーマットを達成することができる簡単な方法はありません。

wpcf7_add_shortcode_select上のwpcf7_initアクションを削除して代わりに自分のものを追加することで、大変なやり方をすることができます。

2
Reigel

受け入れられた答えが示唆するものとは反対に、それは実際に可能であり、Contact Form 7に組み込まれています。実際の オプションのリスト[select]保持 です。ほとんどの場合、first_as_labelを使用して、最初のオプションをプレースホルダーとして定義します。

[select* Test first_as_label "Placeholder" "Option 1" "Option 2"]

従来はプレースホルダーのようには見えませんが、必要な場合、ユーザーがプレースホルダーを選択してフォームを送信することはできません-これにより、ユーザーは他のオプションを選択する必要があります。

67
Howdy_McGee