我尝试为下拉式插座添加类似于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?"以便将其显示为普通的下拉值。

其他字段是否确实显示了占位符,是否有其他方式为下拉列表提供占位符?

评论

您可以在以下类型的表单标签中使用占位符选项:文本,电子邮件,URL,电话,文本区域,数字,范围,日期和验证码。 cf7占位符

所以对于下拉菜单,我们别无选择吗?

#1 楼

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

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>
 





我已经检查了CF7的源代码(版本4.3.1),并且没有简单的方法可以实现这种html格式。

您可以通过删除wpcf7_add_shortcode_select上的wpcf7_init操作并添加您的代码来进行艰难的尝试。

评论


确实应该删除,接受或不回答该答案,这不是一个很老的答案,它是在正确答案的同一天提供的。

–里克·卡尔德(Rick Calder)
18/09/21在19:42

#2 楼

与接受的答案所建议的相反,这实际上是可能的,并且已内置在联系表7中。这是[select]所持有的实际选择列表。几乎可以使用first_as_label将第一个选项定义为占位符:

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


传统上它看起来并不像占位符,但是如果需要用户会不能选择占位符并发送表格-这迫使用户选择其他任何选项。

评论


感谢您的帮助。我已经尝试过first_as_label,但是正如您所说的,它看起来与其他占位符值并不相似。

– Sanjuktha sandesh
16年1月7日,0:54

这是一个不错的解决方案。它确实可以正常工作-如果您尝试使用第一个选项,则表单不会发送。要格式化第一个选项,只需定位选择框(即.wpcf7 select [name =“ menu-70”] {color:#aaa;}。然后,可以通过定位选项(例如.wpcf7 select [ name =“ menu-70”]选项{color:#333;}。第一个选项着眼于焦点,因此除非您要更改此部分,否则该解决方案将非常有效。

– Rob Myrick
16 Sep 16 '17:05



我不确定是否有人会希望选择选项看起来像占位符,除非我错过了大多数人希望看到的简单的“选择选项”。非常感谢您使我免于亲自浏览文档!

–里克·卡尔德(Rick Calder)
18/09/21在19:40