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

php html

2022-08-30 20:47:44

问候我想知道是否有办法在数据列表中设置所选值。我想要这样的东西

<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

数据列表只是一个自动完成列表，用于文本输入元素。如果要预设值，只需设置输入的值：

 <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">
 </datalist>

如果希望始终从列表中选择值，则可以使用 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>

答案 2