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

use*_*088 11 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>
Run Code Online (Sandbox Code Playgroud)

Gol*_*rol 28

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

 <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">
Run Code Online (Sandbox Code Playgroud)

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

<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>
Run Code Online (Sandbox Code Playgroud)

  • 不过,对于第一个解决方案,如果您扩展它,最终列表中将只有 BMW。至少在 Chrome 77 和 Firefox 70 上是这样。 (2认同)