如何使我的烧瓶 wtforms SelectField 看起来像一个下拉列表?

Posted

技术标签:

【中文标题】如何使我的烧瓶 wtforms SelectField 看起来像一个下拉列表?【英文标题】:How do I make my flask wtforms SelectField look like a dropdown? 【发布时间】:2014-03-15 18:05:45 【问题描述】:

我已经像这样创建了一个 SelectField:

class Inputs(Form):
    myChoices = #number of choices
    myField = SelectField(u'Field name', choices = myChoices, validators = [Required()])

问题是当它在我的模板中呈现时:

<form action="" method="post" name="Inputs">
    form.hidden_tag()
    <p>
        form.myField(size=80)
    </p>
</form>

它看起来像一个长长的选择框,其中已经显示了所有值,而不是一个下拉菜单。如何更改此格式?谢谢!

【问题讨论】:

【参考方案1】:

问题是我的 html 中的 (size=80) - 我删除了它,它工作正常。我认为这是一种限制下拉菜单大小的方法,类似于 TextField 表单字段,但显然不是!

【讨论】:

你知道如何限制尺寸吗? 你使用 CSS 来实现 (size="x") 其中x是您要显示的项目数

以上是关于如何使我的烧瓶 wtforms SelectField 看起来像一个下拉列表?的主要内容,如果未能解决你的问题,请参考以下文章

将 Select2 与烧瓶 wtforms 一起使用

使用来自 SQLAlchemy 对象的数据在烧瓶中预填充 WTforms

在烧瓶 wtforms jinja select 上设置动态数据属性

使用wtforms的Flask网格编辑

如何使用 Jinja2 模板在烧瓶中解码 &#39 [重复]

在网站的主要布局模板中使用 Flask-wtforms 的困难