• 周四. 6月 30th, 2022

5G编程聚合网

5G时代下一个聚合的编程学习网

热门标签

html学习之简单注册表单

admin

11月 28, 2021
 1 <html>
 2 <head>
 3     <title>新用户注册</title>
 4     <meta charset="utf-8">
 5     <style>
 6         li{
 7             list-style-type: none;
 8         }
 9     </style>
10 </head>
11 <body>
12 <center>
13 <form action="#" method="post" name="myForm">
14     <fieldset>
15         <legend>注册用户</legend>
16         <center>
17             <ul>
18                 <li> 用 户 名:<input name="username" type="text"  maxlength="20"></li>
19                 <li>&nbsp;&nbsp;&nbsp;&nbsp;码:<input type="password" name="pwd1" size="20" maxlength="20"></li>
20                 <li> 确认密码:<input type="password" name="pwd2" size="20" maxlength="20"></li>
21                 <li>
22&nbsp;&nbsp;&nbsp;&nbsp;别:<input type="radio" name="sex" class="noborder" value="男" checked>&nbsp;
23                     <input type="radio" name="sex" class="noborder" value="女" >24                 </li>
25                 <li>
26                     爱好:<input type="checkbox" name="hobby" value="体育">体育
27                     <input type="checkbox" name="hobby" value="旅游">旅游
28                     <input type="checkbox" name="hobby" value="听音乐">听音乐
29                     <input type="checkbox" name="hobby" value="看书">看书
30                 </li>
31                 <li>E-mail:<input type="text" name="email" size="50"></li>
32                 <li>
33                     <input type="submit" class="btn" value="确定并保存">
34                     <input type="reset" class="btn" value="重新填写">
35                     <input type="image" class="btn" value="☞登陆" src="images/btn_jpg">
36                 </li>
37             </ul>
38         </center>
39     </fieldset>
40 </form>
41 </center>
42 </body>
43 </html>

运行结果如下:

li { list-style-type: none }

注册用户
  • 用 户 名:
  • 密    码:
  • 确认密码:
  • 性    别:男  女
  • 爱好:体育 旅游 听音乐 看书
  • E-mail:

发表评论

您的电子邮箱地址不会被公开。