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()