如何为下拉菜单的联系人Form7添加占位符？

时间：2016-01-06 作者：Sanjuktha sandesh

我尝试添加与给定的类似的占位符ContactNumber 用于我的下拉列表Outlet 但它没有出现。

代码-

<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?" 所以它显示为普通下拉值。

其余所有字段都显示占位符，是否有其他方法为下拉列表提供占位符？

2 个回复
最合适的回答,由SO网友:Reigel 整理而成

回答这个问题：这是不可能的。

AFAIK，（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>

demo

我已经检查了CF7的源代码（版本4.3.1），没有简单的方法可以实现这种html格式。

您可以通过删除wpcf7_add_shortcode_select 操作于wpcf7_init 并添加您的。

SO网友:Howdy_McGee

与公认的答案所暗示的相反，这实际上是可能的，并被纳入了联系表7中。这是实际的list of options [select] holds. 您可以使用以下方法定义第一个选项作为占位符first_as_label:

[select* Test first_as_label "Placeholder" "Option 1" "Option 2"]
虽然传统上它看起来不像占位符，但如果需要，用户将无法选择占位符并发送表单-这会迫使用户选择任何其他选项。

标签： plugin-contact-form-7   小码农  

相关推荐