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

最新推荐文章于 2024-09-12 06:43:40 发布

weixin_34344403

最新推荐文章于 2024-09-12 06:43:40 发布

阅读量2.8k

点赞数 1

CC 4.0 BY-SA版权

文章标签： python 前端后端 ViewUI

原文链接：https://yq.aliyun.com/articles/533848

本文介绍如何使用HTML创建不同类型的表单元素，包括文本输入框、单选按钮、多选按钮和下拉菜单，并演示了Python后端如何通过request对象获取这些表单数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、文本域和单选按钮

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

  <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") 去获取

四获取前端传输过来的json

request.json 返回的是一个字典

request.json.get("key",'')

curl模拟

curl -i -H "Content-Type: application/json" -X POST -d '{"title":"Read a book"}'  http://localhost:5000/todo/api/v1.0/tasks

本文转自残剑博客51CTO博客，原文链接http://blog.51cto.com/cuidehua/1767207如需转载请自行联系原作者

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

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