html - 如何使用 Flask-SQLAlchemy SelectField 实现 Bootstrap 的数据列表

Question

我正在为我的应用程序创建一个表单。目前，我想获取用户的性别，但我不知道如何在我的 HTML 中优雅地实现该字段。

我一直在为我的大部分 HTML 使用 Bootstrap，所以我想继续使用它并使用它们Datalists来显示各种选项。

Bootstrap 的代码Datalists：

<label for="exampleDataList" class="form-label">Datalist example</label>
<input class="form-control" list="datalistOptions" id="exampleDataList" placeholder="Type to search...">
<datalist id="datalistOptions">
  <option value="San Francisco">
  <option value="New York">
  <option value="Seattle">
  <option value="Los Angeles">
  <option value="Chicago">
</datalist>

我是如何实施表格的，例如StringField：

<form method="post" novalidate>
    {{ form.hidden_tag() }}
    <div class="form-group">
        {{ form.username.label }}
        {{ form.username(class_="form-control", size=32) }}
    </div>
  ...

我怎样才能SelectField以类似的方式实现 Flask-SQLAlchemy？

注意：我不太熟悉 Bootstrap 如何与 Jinja 配合使用；我之前为表单编写的代码并不是很复杂，这意味着我不必正确理解它是如何工作的——直到现在。

标签： htmltwitter-bootstrapflaskjinja2flask-sqlalchemy