python flask 框架后端如何获取前端的表单数据 文本 单选框 多选框

转载:http://www.codexiu.cn/python/blog/11774/

一、 文本域和单选按钮

前端 文本域和单选按钮表单获取方法一样

  <form class="form-horizontal" method="post">
    <div class="form-group">
      <label for="username" class="col-sm-2 control-label">Username</label>
      <div class="col-sm-10">
        <input type="text" class="form-control" id="username" name="username" placeholder="Username" autofocus="" >
      </div>
    </div>
....
...
  <div class="row">
        <div class="col-sm-2 col-sm-offset-2">
            <input name="sex" value="M" type="radio"  checked="checked"> 男
        </div>
 <div class="col-sm-2 ">
            <input name="sex" value="F" type="radio"> 女
        </div>
                    
    </div>
</form>

文本

pyhon 后端用request.values.get("name") 去获取

if request.method == "POST":   
    username = request.values.get("username")
    sex = request.values.get("sex")

二、多选按钮checkbox

<div class="row">
    <div class="col-sm-2 ">
        <label>
            <input name="s_option" value="basketball" type="checkbox"> 篮球
        </label>
    </div>
    <div class="col-sm-2 ">
        <label>
        <input name="s_option" value="football" type="checkbox"> 足球
        </label>
    </div>
    <div class="col-sm-2 ">
        <label>
            <input name="s_option" value="badminton"  type="checkbox"> 羽毛球
        </label>
    </div>
</div>

后端使用request.values.getlist("s_option") 去获取,获取的value会组成一个列表

s_option =  request.values.getlist("s_option")
for s in s_option:
    pass

三、select 下拉框

前端表现形式

<select class="form-control" name="manufacturer" id="manufacturer">
         <option></option>
         <option selected="selected">--请选择厂家--</option>
         <option >HP</option>
         <option >Huawei</option>
         <option >Inspur</option>
</select>

pyhon 后端也是用request.values.get("name") 去获取

Flask中使用单选框可以通过HTML中的`<input>`标签来实现。`<input>`标签中的`type`属性设置为`radio`即可创建单选框。同时,为了让多个单选框之间相互关联,需要为它们设置相同的`name`属性。当用户提交表单时,被选中的单选框的值将会被发送到服务器。 以下是一个简单的例子,展示了如何在Flask中使用单选框: ```python from flask import Flask, render_template, request app = Flask(__name__) @app.route('/', methods=['GET', 'POST']) def index(): if request.method == 'POST': selected_option = request.form['options'] return 'You have selected: {}'.format(selected_option) return render_template('index.html') if __name__ == '__main__': app.run(debug=True) ``` 在上面的例子中,我们定义了一个路由`'/'`,并使用`render_template`函数渲染了一个名为`index.html`的模板。在模板中,我们使用`<form>`标签创建了一个表单,并在其中添加了三个单选框。这三个单选框的`name`属性均为`options`,但是它们的`value`属性分别为`option1`、`option2`和`option3`。这意味着当用户选择其中一个单选框并提交表单时,被选中的单选框的`value`属性值将会被发送到服务器。 以下是`index.html`模板的代码: ```html <!DOCTYPE html> <html> <head> <title>Flask Radio Buttons Example</title> </head> <body> <h1>Flask Radio Buttons Example</h1> <form method="POST"> <input type="radio" name="options" value="option1"> Option 1<br> <input type="radio" name="options" value="option2"> Option 2<br> <input type="radio" name="options" value="option3"> Option 3<br> <input type="submit" value="Submit"> </form> </body> </html> ``` 在上面的模板中,我们使用了三个`<input>`标签来创建单选框,并使用`<form>`标签将它们包裹起来。当用户提交表单时,被选中的单选框的`value`属性值将会被发送到服务器。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值