一个小小的练习

作为一个才在学web前端的小白,今天写了一个简陋的注册表单,分享一下,哈哈哈

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5     <title>注册表单</title>
 6 <style type="text/css">
 7     body
 8     {
 9         text-align: center;
10 
11     }
12     h2
13     {
14         color: red;
15         font-family: 宋体;
16     }
17 </style>
18 </head>
19 <body class="mybody"> 
20     <form action="formz_action.asp" method="get">
21     <!-- action标签是提交后跳转的页面(携带用户输入的信息作为参数)    method:传递参数的方式 (get/post)   maxlength:支持文字的最大长度   placeolder:空白输入保持内容
22     -->
23         <h2>欢迎来到注册界面</h2>
24 <p>
25 用户:
26 <input type="text" name="user">
27 <br />
28 密码:
29 <input type="password" name="password" maxlength="16">最多16位
30 <br />
31 确认密码:
32 <input type="password" name="password" maxlength="16">最多16位
33 <p>
34 </p>
35 爱好:<br />
36 看小说
37 <input type="checkbox" name="Novel"><br />
38 追剧
39 <input type="checkbox" name="Theatergoing"><br />
40 运动
41 <input type="checkbox" name="Exercise"><br />
42 音乐
43 <input type="checkbox" name="music"><br />
44 其他
45 <input type="checkbox" name="Else">    
46 </p>
47 <p>
48 性别:<br />
49 50 <input type="radio" checked="checked" name="Sex" value="male" />
51 <br />
52 53 <input type="radio" name="Sex" value="female" />
54 </p>
55 
56 <input type="submit" value="注册"><br />
57 <input type="reset" value="重置" >
58 
59 </form>
60 
61 
62 </body>
63 </html>

猜你喜欢

转载自www.cnblogs.com/eakofdawn-settingsun/p/9664850.html