我尝试为下拉式插座添加类似于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 楼
回答这个问题:这是不可能的。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
评论
您可以在以下类型的表单标签中使用占位符选项:文本,电子邮件,URL,电话,文本区域,数字,范围,日期和验证码。 cf7占位符所以对于下拉菜单,我们别无选择吗?