问题描述
我正在尝试使用 jquery-Chosen 多选工具修复 Worpress 主题上的错误。这是表单所在的页面：http://mitramimoveis.com.br/temp/。占位符在桌面上运行良好，并通过主题界面输入： Theme's interface
但是，在移动设备上，多选字段仅在 Android 上显示“0 selected”和在 iPhone 上显示“0 Items”。我放置的占位符根本没有出现。我已经尝试首先添加一个空白选项，通过“自定义 CSS 和 JS”wordpress 插件使用自定义 jQuery，但它不起作用 - 我找到的有关此问题的所有答案，都将此作为解决方案。 表单的 html 代码：
<!-- Row -->
<div class="row with-forms">
<div class="search-form-_property_type col-md-3 custom-tipo-imovel">
<select multiple name="_property_type[]" name="_property_type" id="_property_type" data-placeholder="Tipo de imóvel" class="chosen-select">
<option value="">Tipo de imóvel</option>
<option value="apartamento">Apartamento</option>
<option value="casa">Casa</option>
<option value="sobrado">Sobrado</option>
</select>
</div>
<div class="search-form-_cidade col-md-3 custom-tipo-imovel">
<select multiple name="_cidade[]" name="_cidade" id="_cidade" data-placeholder="Cidade" class="chosen-select">
<option value="">Cidade</option>
<option value="Curitiba">Curitiba</option>
<option value="Campo Largo">Campo Largo</option>
</select>
</div>
<div class="search-form-tax-region col-md-3 custom-tipo-imovel">
<select multiple name="tax-region[]" data-placeholder="Bairro" class="chosen-select">
<option value="">Bairro</option>
<option value="bigorrilho">Bigorrilho</option>
<option value="cabral">Cabral</option>
<option value="centro">Centro</option>
<option value="portao">Portão</option>
</select>
</div>
<div class="col-md-3 ">
<button class="button fullwidth">Buscar</button>
</div>
</div>我该如何解决这个问题？我需要用户知道每个字段的选项是什么，并且主题不提供标签（我也不想使用）。谢谢。
*我注意到第一个选项与占位符相同，并且值为空。
解决方法
希望这是受欢迎的反馈，但占位符文本不符合 ADA。如果您愿意，这里有一些资源可以帮助您采取不同的方法：
https://www.w3.org/WAI/GL/low-vision-a11y-tf/wiki/Placeholder_Research