HTML简单的注册页面搭建

 

 

界面解释:

该注册界面包括账号、密码、性别和标签四大部分,其中的标签是复选框,性别是单选框,当鼠标停留在表单内时会自动弹出“这是注册界面”的注释,下面包含登陆、重置和清空三个按钮,提交结果的方式为post,提交到本地的.asp文件中。

 1 <html>
 2             <head>
 3                         <title>login</title>
 4                         <meta http-equiv="contest-typer" content="text/html:charset="GB18030">
 5             </head>
 6             <body>
 7                         <table border="1" width="480" bgcolor="#1685a9" align="center">
 8                         <form name="form" action="http://localhost/cms/login.asp" method="post" target="_blank" title="这是注册界面" enctype="multipart/form-data">                        
 9                          <tr>
10                                 <th><font face="幼圆" color="white">account </font></th>
11                                 <td>
12                                         <input type="text" name="username"  size="20" maxlength="10"  value="username">
13                                 </td>
14                          </tr>
15                         
16                          <tr>
17                                <th><font face="幼圆" color="white">code</th>
18                                <td>
19                                         <input type="password" name="passworld" size="20"  value="hello">
20                                 </td>
21                           </tr>
22                            <tr>
23                                <th><font face="幼圆" color="white">lable</th>
24                                <td>
25                                        <input type="checkbox"  name="del[ ]" value="0"><font color="white"> c
26                                        <input type="checkbox"  name="del[ ]" value="1"><font color="white">c++
27                                        <input type="checkbox"  name="del[ ]" value="2"><font color="white">javascript
28                                        <input type="checkbox"  name="del[ ]" value="3"><font color="white">css
29                                        <input type="checkbox"  name="del[ ]" value="4"><font color="white">html
30                                 </td>
31                           </tr>
32                       
33                            <tr>
34                                <th><font face="幼圆" color="white">sex</th>
35                                <td>
36                                        <input type="radio" name="sex"> <font color="white">male
37                                        <input type="radio" name="sex"><font color="white">female
38                                        <input type="radio" name="sex"><font color="white">keep secret                          
39                               </td>
40                           </tr>
41                           <tr>
42                                  <td colspan="2" align="center" > 
43                                  <input type="submit" name="sub"  value="login">
44                                  <input type="reset" value="reset" >
45                                  <input type="button" value="clear" onclick="document.form.username.value=''">
46                           </td>
47                           </tr>
48                           </form>
49             </table>
50           </body>
51 </html>

 

本文转自:http://blog.sina.com.cn/s/blog_8292a06a01013g3d.html

写的很好, 适合初学者, 我就转到自己博客里收藏了

posted @ 2016-08-05 15:14  _小帅  阅读(927)  评论(0编辑  收藏  举报