我正在处理用户需要选择国家/地区的表格。用户可以通过在输入字段中进行搜索或从下拉菜单中进行选择来选择他/她的国家。
所有国家/地区均显示在下拉列表中,因此我已删除它们,以发布最小化的代码。
<div class="form-group">
<label for="country">Country </label>
<input list="country" name="country">
<datalist class="form-control" id="country">
<option value="Virgin Islands (Brit)">
<option value="Virgin Islands (USA)">
<option value="Wake Island">
<option value="Wallis & Futana Is">
<option value="Yemen">
<option value="Zaire">
<option value="Zambia">
<option value="Zimbabwe">
</datalist>
</div>
此处是当前状态的屏幕截图:
该表格在“国家/地区”标签下不应有多余的输入字段。该字段不可访问。