1

検索可能なフォーム用の次のテンプレート コードがあり、ドロップダウン リストに候補が表示されます。

<input list="all_label_names" name="label_list" type="search" required>
<datalist id="all_label_names">
{% for label in label_names %}
    <option value={{label}}>
{% endfor %}
</datalist>

ただし、にlabelスペースが含まれている場合、スペースの前の最初の部分のみがリスト項目に追加されます

4

1 に答える 1

2

属性を引用符で囲みvalueます。

<option value="{{label}}">

動作するはずです。

<input list="all_label_names" name="label_list" type="search" required>
<datalist id="all_label_names">
{% for label in label_names %}
    <option value="{{label}}">
{% endfor %}
</datalist>

問題は、 の場合label、a b次のように評価されることです。

    <option value=a b>

これは明らかに次の属性として評価さvalue=aれb、次の属性として扱われます (もちろん無効です)。したがって、問題。

于 2013-10-30T21:18:50.783 に答える