HTML学习笔记

一、注册界面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>用户注册</h1>
<!--    <form method="get" action="/do/register">-->

<!--    <div>-->
<!--        用户名:<input type="text" name="user">-->
<!--    </div>-->
<!--    <div>-->
<!--        用户名:<input type="password" name="pwd">-->
<!--    </div>-->
<!--    <div>-->
<!--        性别:-->
<!--            <input type="radio">男-->
<!--            <input type="radio">女-->
<!--    </div>-->
<!--    <div>-->
<!--        爱好:-->
<!--            <input type="checkbox">跑步-->
<!--            <input type="checkbox">唱歌-->
<!--            <input type="checkbox">篮球-->
<!--            <input type="checkbox">足球-->
<!--    </div>-->
<!--    <div>-->
<!--        所在城市:-->
<!--            <select name="" id="">-->
<!--                <option value="">沈阳</option>-->
<!--                <option value="">上海</option>-->
<!--                <option value="">北京</option>-->
<!--                <option value="">大连</option>-->
<!--            </select>-->
<!--    </div>-->
<!--    <div>-->
<!--        擅长领域:-->
<!--            <select multiple>-->
<!--                <option value="">打游戏</option>-->
<!--                <option value="">睡觉</option>-->
<!--                <option value="">吃饭</option>-->
<!--                <option value="">刷抖音</option>-->
<!--            </select>-->
<!--    </div>-->
<!--    <div>-->
<!--        备注:-->
<!--            <textarea></textarea>-->
<!--    </div>-->
<!--    <div>-->
<!--        <input type="button" value="button提交">-->
<!--        <input type="submit" value="提交">-->
<!--    </div>-->

<!--    </form>-->
    <form method="post" action="/post/register">

    <div>
        用户名:<input type="text" name="user">
    </div>
    <div>
        密码:<input type="password" name="pwd">
    </div>
    <div>
        性别:
            <input type="radio"  name="gender" value="1">男
            <input type="radio"  name="gender" value="2">女
    </div>
    <div>
        爱好:
            <input type="checkbox" name="hobby" value="10">跑步
            <input type="checkbox" name="hobby" value="20">唱歌
            <input type="checkbox" name="hobby" value="30">篮球
            <input type="checkbox" name="hobby" value="40">足球
    </div>
    <div>
        所在城市:
            <select name="city">
                <option value="sy">沈阳</option>
                <option value="sh">上海</option>
                <option value="bj">北京</option>
                <option value="dl">大连</option>
            </select>
    </div>
    <div>
        擅长领域:
            <select name="skill" multiple>
                <option value="1">打游戏</option>
                <option value="2">睡觉</option>
                <option value="3">吃饭</option>
                <option value="4">刷抖音</option>
            </select>
    </div>
    <div>
        备注:
            <textarea name="more"></textarea>
    </div>
    <div>
        <input type="button" value="button提交">
        <input type="submit" value="提交">
    </div>

    </form>
</body>
</html>

二、登录界面

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

    <link rel="stylesheet" href="common.css">

</head>
<body>
    <h1 class="a">登录</h1>
    <form method="post" action="/login">

    <div>
        用户名:<input type="text" name="user">
    </div>
    <div>
        密码:<input type="password" name="pwd">
    </div>
    <div>
        <input type="submit" value="submit提交">
    </div>

    </form>

</body>
</html>

三、基于flask框架开发web网页

from flask import Flask,render_template,request

app = Flask(__name__)

@app.route('/register', methods=['GET'])
def register():
    return render_template('register.html')

@app.route('/do/register', methods=['GET'])
def do_register():
    print(request.args)
    return '注册成功!'

@app.route('/post/register', methods=['POST'])
def post_register():
    print(request.form)
    return '注册成功!'

@app.route('/login', methods=['GET','POST'])
def login():
    if request.method == "GET":
        return render_template('login.html')
    else:
        user = request.form.get("user")
        pwd = request.form.get("pwd")
        print(user,pwd)
        return "登陆成功"

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值