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>

但是，当标签包含空格时，只有空格之前的第一部分会附加到列表项

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被视为下一个属性(当然无效)。因此出现了这个问题。