如何在Flask/WTForms中添加带有文本字段的单选按钮

在Flask/WTForms中添加带有文本字段的单选按钮，可以通过使用WTForms库提供的RadioField字段来实现。

首先，确保已经安装了Flask和WTForms库。可以使用以下命令安装：

pip install Flask
pip install WTForms

接下来，创建一个Flask应用并导入所需的模块：

from flask import Flask, render_template
from flask_wtf import FlaskForm
from wtforms import RadioField, StringField, SubmitField
from wtforms.validators import DataRequired

然后，创建一个表单类，继承自FlaskForm：

class MyForm(FlaskForm):
    text_field = StringField('文本字段', validators=[DataRequired()])
    radio_field = RadioField('单选按钮', choices=[('option1', '选项1'), ('option2', '选项2'), ('option3', '选项3')], validators=[DataRequired()])
    submit_button = SubmitField('提交')

在上述代码中，text_field是一个文本字段，radio_field是一个单选按钮字段，choices参数用于指定单选按钮的选项。validators参数用于添加验证器，DataRequired验证器用于确保字段不为空。

接下来，在Flask应用中创建一个路由来处理表单的展示和提交：

app = Flask(__name__)
app.config['SECRET_KEY'] = 'your-secret-key'

@app.route('/', methods=['GET', 'POST'])
def index():
    form = MyForm()
    if form.validate_on_submit():
        # 处理表单提交
        text_value = form.text_field.data
        radio_value = form.radio_field.data
        # 其他逻辑处理...
    return render_template('index.html', form=form)

if __name__ == '__main__':
    app.run()

在上述代码中，index路由处理GET和POST请求。当表单提交时，通过form.validate_on_submit()方法判断表单是否通过验证，如果通过验证，可以通过form.text_field.data和form.radio_field.data获取字段的值，然后可以进行其他逻辑处理。

最后，在templates文件夹中创建一个名为index.html的模板文件，用于渲染表单：

<!DOCTYPE html>
<html>
<head>
    <title>Flask WTForms</title>
</head>
<body>
    <h1>Flask WTForms</h1>
    <form method="POST" action="/">
        {{ form.hidden_tag() }}
        {{ form.text_field.label }} {{ form.text_field() }}
        <br>
        {{ form.radio_field.label }}
        <ul>
            {% for subfield in form.radio_field %}
                <li>{{ subfield }} {{ subfield.label }}</li>
            {% endfor %}
        </ul>
        <br>
        {{ form.submit_button() }}
    </form>
</body>
</html>

在上述模板中，使用{{ form.hidden_tag() }}生成隐藏字段，{{ form.text_field.label }}和{{ form.text_field() }}分别用于渲染文本字段的标签和输入框，{% for subfield in form.radio_field %}和{{ subfield }} {{ subfield.label }}用于渲染单选按钮。

这样，当访问应用的根路径时，将显示包含文本字段和单选按钮的表单。用户可以输入文本和选择单选按钮，然后点击提交按钮。在表单提交后，可以在路由中处理表单数据。

这是一个基本的示例，你可以根据实际需求进行修改和扩展。关于Flask和WTForms的更多详细信息，可以参考腾讯云的相关文档和示例代码：