如何在数据列表HTML PHP中选择集合

时间:2016-05-03 00:02:51

标签: php html5

问候我想知道是否有办法在datalist中设置选定的值。我想要这样的东西

<input list="cars" class="form-control" name="caBrands" style="width:300px;">
  <datalist id="cars"  >
     <option selected="selected" value="BMW">
     <option value="Toyota">
     <option value="Mitsubishi">
  </datalist>

1 个答案:

答案 0 :(得分:22)

datalist只是一个与文本输入元素一起使用的自动完成列表。如果要预先设置值,只需设置输入值:

&#13;
&#13;
 <input list="cars" value="BMW" class="form-control" name="caBrands" style="width:300px;">
 <datalist id="cars">
 <option value="BMW">
 <option value="Toyota">
 <option value="Mitsubishi">
&#13;
&#13;
&#13;

如果要始终从列表中选择值,可以使用select元素。这允许将一个选项标记为已选择,但它不允许自由形式输入:

&#13;
&#13;
<select class="form-control" name="caBrands" style="width:300px;">
 <option selected value="BMW">BMW</option>
 <option value="Toyota">Toyota</option>
 <option value="Mitsubishi">Mitsubishi</option>
</select>
&#13;
&#13;
&#13;