html编写注册页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>
</head>
<body>
    <form action="#" method="get">
        <table border="2" width="500" align="center">
            <tr>
                <td ><label for="username">用户名</label></td>
                <td>
                    <input type="text" name="username" id="username" placeholder="请输入用户名">
                </td>
            </tr>
            <tr>
                <td ><label for="password">密码</label></td>
                <td>
                    <input type="password" name="password" id="password" placeholder="请输入密码">
                </td>
            </tr>
            <tr>
                <td ><label for="email">Email</label></td>
                <td>
                    <input type="email" name="email" id="email" placeholder="请输入Email">
                </td>
            </tr>
            <tr>
                <td ><label for="name">姓名</label></td>
                <td>
                    <input type="text" name="name" id="name" placeholder="请输入姓名">
                </td>
            </tr>
            <tr>
                <td ><label for="tel">手机号</label></td>
                <td>
                    <input type="text" name="tel" id="tel" placeholder="请输入手机号">
                </td>
            </tr>
            <tr>
                <td ><label>性别</label></td>
                <td>
                    <input type="radio" name="sex" value="male">男
                    <input type="radio" name="sex" value="female">女
                </td>
            </tr>
            <tr>
                <td ><label for="birthday">出生日期</label></td>
                <td>
                    <input type="date" name="birthday" id="birthday">
                </td>
            </tr>
            <tr>
                <td ><label for="checkcode">验证码</label></td>
                <td>
                    <input type="text" name="checkcode" id="checkcode">
                    <img src="./verify_code.jpg">
                </td>
            </tr>
            <tr>
                <td colspan="2" align="center">
                    <input type="submit" value="注册">
                </td>
            </tr>
        </table>
    </form>
</body>
</html>

  • 4
    点赞
  • 28
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
下面是一个简单的 Flask 应用程序,其中包含了一个 HTML 文件,用于实现注册和登录页面: ```python from flask import Flask, render_template, request, redirect, url_for app = Flask(__name__) @app.route('/') def index(): return render_template('index.html') @app.route('/register', methods=['GET', 'POST']) def register(): if request.method == 'POST': # 处理注册信息 return redirect(url_for('login')) else: return render_template('register.html') @app.route('/login', methods=['GET', 'POST']) def login(): if request.method == 'POST': # 处理登录信息 return redirect(url_for('index')) else: return render_template('login.html') if __name__ == '__main__': app.run(debug=True) ``` 这里使用了 Flask 的渲染模板功能,可以在 HTML 文件中使用 Flask 提供的变量和语句。下面是一个简单的 HTML 文件,用于实现注册页面: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>注册</title> </head> <body> <h1>注册</h1> <form method="post" action="{{ url_for('register') }}"> <label>用户名:</label> <input type="text" name="username"><br> <label>密码:</label> <input type="password" name="password"><br> <input type="submit" value="注册"> </form> </body> </html> ``` 这个 HTML 文件中使用了 Flask 提供的 `url_for` 函数来生成表单的 `action` 属性,而 `{{ }}` 中的部分则是用来动态生成 HTML 代码的。类似的,可以创建一个用于实现登录页面的 HTML 文件,然后在 Flask 应用程序中引用即可。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值