ドロップダウンの連絡先form7のプレースホルダーを追加する方法は?[閉まっている]


16

ドロップダウンアウトレットの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?"これが通常のドロップダウン値として表示されるように追加しようとしました。

すべてのフィールドにプレースホルダーが表示されますが、ドロップダウン用のプレースホルダーを提供する他の方法はありますか?


1
次のタイプのフォームタグでプレースホルダーオプションを使用できます:text、email、url、tel、textarea、number、range、date、およびcaptchar。cf7プレースホルダー
レイゲル

ドロップダウンの場合、他に選択肢はありませんか?
サンジュクタサンデシュ

回答:


2

質問に答えるために:これは不可能です。

知る限り、(HTMLwise)プレースホルダーを追加してタグを選択する方法はありません。

しかし、私が知っている多くの開発者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
この回答は本当に削除するか、受け入れられるか、間違っているべきではありません。また、非常に古い回答ではなく、正しい回答と同じ日に提供されたものです。
リックカルダー

78

受け入れ答えは示唆に反して、それが実際に可能であるとのお問い合わせフォーム7に組み込まれているここで、実際のだオプションのリストを[select]保持します。ほとんどの場合、最初のオプションを次のようにプレースホルダーとして定義しますfirst_as_label

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

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


help.iを既に試していただきありがとうございfirst_as_labelますが、あなたが言ったように、他のプレースホルダーの値とは似ていませんでした。
サンジュクタサンデシュ

4
これはまともなソリューションです。そして、それは適切に動作します-最初のオプションを使用しようとした場合、フォームは送信されません。最初のオプションをフォーマットするには、選択ボックスをターゲットにするだけ.wpcf7 select[name="menu-70"] { color:#aaa; }です(つまり、オプションをターゲットにすることでオプションを暗くすることができます(つまり.wpcf7 select[name="menu-70"] option { color:#333; }、最初のオプションはフォーカスに合わせて強調表示されます。
ロブミリック

シンプルな--Select an option--が見落とされない限り、なぜだれかが選択オプションをプレースホルダーのように見せたいのか、私にはよくわかりません。ドキュメントを自分で調べてくれて本当にありがとう!
リックカルダー
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.