Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在多个选择窗体中显示更多选项?_Html_Flask_Flask Wtforms_Wtforms - Fatal编程技术网

Html 如何在多个选择窗体中显示更多选项?

Html 如何在多个选择窗体中显示更多选项?,html,flask,flask-wtforms,wtforms,Html,Flask,Flask Wtforms,Wtforms,我使用的是多重选择,默认情况下显示4个选项,因为我总共有20个选项,所以滚动并不方便。是否有办法使“选择”选项更高,以便一次显示4个以上的选项 我尝试使用rows属性,但可能我做得不对,因为它不起作用(我对HTML不太了解) 我的部分代码与此相关: class PositionForm(FlaskForm): position = SelectMultipleField(u'Choose position:') ... @app.route('/custom', methods=['P

我使用的是多重选择,默认情况下显示4个选项,因为我总共有20个选项,所以滚动并不方便。是否有办法使“选择”选项更高,以便一次显示4个以上的选项

我尝试使用rows属性,但可能我做得不对,因为它不起作用(我对HTML不太了解)

我的部分代码与此相关:

class PositionForm(FlaskForm):
    position = SelectMultipleField(u'Choose position:')
...

@app.route('/custom', methods=['POST', 'GET'])
def custom():
    position_form.position.choices = []
    for position in positions_db:
        positions.append(position.name)
        position_form.position.choices.append((position.name, position.name))
...
    return render_template('table.html',... , position_form=position_form)
HTML代码:

<form action="/custom" method="post" style="margin: 2px 10px 2px 10px; font-weight: bold;">
    <div>{{ position_form.position.label }}<br>
    {{ position_form.position(rows=6, multiple=True) }}</div>
</form>

{{position\u form.position.label}}
{{position_form.position(rows=6,multiple=True)}
您可以在3列x 7行表格中以HTML格式排列您的选择。当您在flaskinsidehtml中使用脚本时,您可以使用i,j作为迭代器来填充表中的选项

更多关于