day43作业

注册页面：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--例子：注册-->
<h1>欢迎来到注册页面！</h1>
<form action="http://127.0.0.1:5000/index/" method="post" enctype="multipart/form-data">
    <p>
        <label for="username">username：<input type="text" id="username"></label>
    </p>
    <p>
        <label for="password">password：<input type="password" id="password"></label>
    </p>
    <p>性别：
        <label for="">男 <input type="radio" name="gender" value="male" checked></label>
        <label for="">女 <input type="radio" name="gender" value="female"></label>
    </p>
    <p>生日：
        <input type="date">
    </p>
    <p>爱好：
        <label for="">
            篮球 <input type="checkbox" name="hobby" value="basketball">
            足球 <input type="checkbox" name="hobby" value="football">
            乒乓球 <input type="checkbox" name="hobby" value="pingpang" checked>
        </label>
    </p>
    <p>省份：
        <select name="city" id="">
            <option value="1" selected="selected">北京</option>
            <option value="2">上海</option>
            <option value="3">广东</option>
        </select>
    </p>
    <p>自我介绍：
        <textarea name="info" id="" cols="30" rows="10"></textarea>
    </p>
    <p>文件：
        <input type="file" name="myfile">
    </p>
    <p>隐藏框：
        <input type="hidden">
    </p>
    <p>
        <input type="button" value="普通按钮">
        <input type="reset" value="重置按钮">
        <input type="submit" value="提交按钮">
        <button>提交</button>
    </p>
</form>
</body>
</html>

利用Flask框架体验form表单提交数据，完成前后端数据交互

Flask框架代码：

from flask import Flask, request

app = Flask(__name__)
@app.route('/index/', methods=['GET', 'POST'])  # 装饰的函数就能够接收这两种请求
def index():
    print(request.form)  # 获取前端form表单提交过来的数据
    return '收到了'

app.run()  # Flask默认端口 5000

写好上述代码后，右键运行

在html 表单的action 属性中输入 127.0.0.1:5000/index

填写信息之后提交：

posted @ 2019-11-13 20:39  GeminiMp  阅读(71)  评论(0)    收藏  举报