JavaWeb8.2【表单标签案例:注册页面(html)】

复制代码
 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>注册页面(html)</title>
 6 </head>
 7 <body>
 8 
 9     <form action="#" method="post">
10         <table border="1" align="center" width="500">
11             <tr>
12                 <td><label for="username">用户名</label></td>
13                 <td><input type="text" name="username" id="username" placeholder="请输入用户名"></td>
14             </tr>
15             <tr>
16                 <td><label for="password">密码</label></td>
17                 <td><input type="password" name="password" id="password" placeholder="请输入密码"></td>
18             </tr>
19             <tr>
20                 <td><label for="email">邮箱</label></td>
21                 <td><input type="email" name="email" id="email" placeholder="请输入邮箱"></td>
22             </tr>
23             <tr>
24                 <td><label for="name">姓名</label></td>
25                 <td><input type="text" name="name" id="name" placeholder="请输入姓名"></td>
26             </tr>
27             <tr>
28                 <td><label for="tel">手机号</label></td>
29                 <td><input type="text" name="tel" id="tel" placeholder="请输入手机号"></td>
30             </tr>
31             <tr>
32                 <td><label>性别</label></td>
33                 <td>
34                     <input type="radio" name="gender" value="male">35                     <input type="radio" name="gender" value="female">36                 </td>
37             </tr>
38             <tr>
39                 <td><label for="birthday">生日</label></td>
40                 <td><input type="date" name="birthday" id="birthday"></td>
41             </tr>
42             <tr>
43                 <td><label for="checkcode">验证码</label></td>
44                 <td>
45                     <input type="text" name="checkcode" id="checkcode" placeholder="请输入验证码">
46                     <img src="../img/verify_code.jpg">
47                 </td>
48             </tr>
49             <tr>
50                 <td colspan="2" align="center"><input type="submit" value="注册"></td>
51             </tr>
52         </table>
53     </form>
54 
55 </body>
56 </html>
复制代码

 

posted @   yub4by  阅读(107)  评论(0编辑  收藏  举报
编辑推荐:
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
点击右上角即可分享
微信分享提示