在 Flask 模板中处理 HTML5 列表中的空格

Question

我有以下可搜索表单的模板代码，它在下拉列表中显示建议：

<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 包含空格时，只有空格之前的第一部分会附加到列表项中

Answer 1

在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 被视为下一个属性（当然无效）。因此问题。