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