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

填写信息之后提交：

巴特西

day43作业

最新文章

热门文章