首页 > 其他分享 >注册页面案例练习标签

注册页面案例练习标签

时间:2022-10-22 10:57:25浏览次数:57  
标签:标签 练习 案例 注册 注册表 页面

设置一个注册表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录注册演示</title>
</head>
<body>
    <!--定义表单 form-->
    <!--提交的地址和提交的方式-->
    <!--提交网址  提交方式-->
    <form action="#" method="post">
        <!--表格线  居中  宽度-->
        <table border="1" align="center" width="500">
            <tr>
                <!--用户名 运行相对应id内容-->
                <td><label for="username">用户名</label></td>
                    <!--设置输入框格式  提交名 运行相对应id内容-->
                <td><input type="text" name="username" id="username"></td>
            </tr>

            <tr>
                <!--密码  运行相对应id内容-->
                <td><label for="password">密码</label></td>
                <!--设置输入框格式  提交名 运行相对应id内容-->
                <td><input type="password" name="password" id="password"></td>
            </tr>

            <tr>
                <!--设置邮件邮箱  运行相对应id内容-->
                <td><label for="email">Email</label></td>
                <!--设置输入框格式  提交名 运行相对应id内容-->
                <td><input type="email" name="email" id="email"></td>
            </tr>

            <tr>
                <!--名字 运行相对应id内容-->
                <td><label for="name">姓名</label></td>
                <!--设置输入框格式 提交名 运行相对应id内容-->
                <td><input type="text" name="name" id="name"></td>
            </tr>

            <tr>
                <!--设置手机好 运行相对应id内容-->
                <td><label for="tel">手机号</label></td>
                <!--设置输入框格式 提交名 运行相对应id内容-->
                <td><input type="text" name="tel" id="tel"></td>
            </tr>

            <tr>
                <!--性别 运行相对应id内容-->
                <td><label>性别</label></td>
                    <!--单选框设置 提交名 区分提交的内容-->
                <td><input type="radio" name="gender" value="male"> 男
                    <!--单选框设置 提交名 区分提交的内容-->
                    <input type="radio" name="gender" value="female"> 女
                </td>
            </tr>

            <tr>
                <!--出入期日 运行相对应id内容-->
                <td><label for="birthday">出生日期</label></td>
                <!--设置输入框格式 提交名 运行相对应id内容-->
                <td><input type="date" name="birthday" id="birthday"></td>
            </tr>

            <tr>    <!--验证码  运行相对应id内容-->
                <td><label for="checkcode">验证码</label></td>
                    <!--设置输入框格式 提交名 运行相对应id内容-->
                <td><input type="text" name="checkcode" id="checkcode">
                    <!--导入验证码图片-->
                    <img src="img/verify_code.jpg">
                </td>
            </tr>


            <tr>
                <!--设置按钮提交以上信息-->
                <!--合并单元格  居中  提交按键 注册文字·-->
                <td colspan="2" align="center"><input type="submit" value="注册"></td>
            </tr>
        </table>


    </form>

</body>
</html>

 

标签:标签,练习,案例,注册,注册表,页面
From: https://www.cnblogs.com/agzq/p/16815551.html

相关文章

  • 列表标签 超链接
    列表标签:有序列表:ol;li;无序列表ul;li    链接标签a:定义一个超链接属性href:指定访问资源的URL(统一......
  • 列表练习1 列表练习2
           ......
  • HTML标签案例注册页面
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>表单标签</title></head><body><!--form:用于定义表单可以定一个范围......
  • 浏览器标签页工具插件
    manifest.json{"name":"TabTool","description":"修改localhost网页title","version":"0.1.0","manifest_version":3,"permissions":["storage",......
  • HTML标签-表格标签1和HTML标签-表格标签2
    HTML标签-表格标签1table:定义表格width:宽度border:边框cellpadding:定义内容和单元格的距离cellspacing:定义单元格之间的距离。如果指定为0,则单元格的......
  • if嵌套练习
    importjava.util.Scanner;publicclassEext{ publicstaticvoidmain(String[]args){ Scannerscanner=newScanner(System.in); System.out.println("请输入成......
  • 牛客练习赛104 D 逃亡的贝贝
    https://ac.nowcoder.com/acm/contest/43058/D思路二分答案,对于超过当前答案并且操作后可以使用的边边权当做1,短边当做0,跑一遍最短路,非常经典的二分题代码#include<alg......
  • 牛客练习赛104 C 1919810
    https://ac.nowcoder.com/acm/contest/43058/C思路一个很简单的dp记录每一位i可以给下一位的j提供的方案数理论上层数应该倒着枚举,但是我这个写法恰好避免了重复,所以正......
  • 牛客练习赛104 B 114514
    https://ac.nowcoder.com/acm/contest/43058/B思路要求1~n满足如下式子的个数\((i^{11}-i)(i^{451}-i^4)\equiv(i^{11}-i^4)(i^{11}-i)(mod451*4)\)打表可知,全都符合......
  • Finance accounting 练习
    1:定义companycode  Copycompanycode:  给companycode定义companyid    2:  ......