0

<datalist>2 つの「1 つの果物」要素の果物をリストする 1 つの要素を取得しようとしました<select>。

与えられたhtml：

Select one fruit: <select type="text" name="fruit1" list="fruits"></select>
Select a second fruit: <select type="text" name="fruit2" list="fruits"></select>

<datalist id="fruits">
    <option value="Blackberry">Blackberry</option>
    <option value="Blackcurrant">Blackcurrant</option>
    <option value="Blueberry">Blueberry</option>
    <!-- … -->
</datalist>

<select> 2 番目のブレーク マイ コード (フィドル デモ)を含める。両方を同じデータリスト (または同様の値のリスト) で機能させるための処理方法。

編集： （@richard）<select />に修正<select></select>

4

2 に答える 2

1

あなたのサンプルには多くの欠点があります:

  1. datalistinputとではなく、内に入るselect( source )
  2. select要素は自己閉鎖できません:
    • 違う：<select id='fruits' />
    • 正しい：<select id='fruits'></select>

したがって、選択要素に終了タグを指定することで、両方の選択をフィドルに表示させることができますが、データリストは入力要素でのみ機能するため、それらは空になります。

トピックから外れますが、ブートストラップ フォーマットを使用するには、<label>要素を<div class="controls">セクションの前に配置する必要があります。

于 2013-05-25T16:55:27.547 に答える