处理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被视为下一个属性（无效的课程）。因此这个问题。