表单

<form>

<input type="text" value="" />                        文本框

<input type="password"/>                              密码框

<textarea cols="" rows=""></textarea>           文本域

<input type="submit" value="提交" />              提交按钮(自带刷新功能)

<input type="reset"  value="重置" />                重置按钮(没有刷新功能)

<input type="button"  value="" />                   普通按钮

<input type="image" src=""  />                        图片按钮

<input type="radio" name="sex" />男               单选按钮(name设为相同的可以只选一个)
<input type="radio" name="sex"/>女

 

<input type="checkbox" /> 鸡腿                        复选按钮(设checked="checked" disabled="disabled" 可以强制选中)
<input type="checkbox" />可乐 
<input type="checkbox" /> 鸡米花

 

<input type="file"  />                                       上传按钮

 

<select size="1">                                             下拉按钮(selected="selected" 可以设置默认显示)                    
<option >可乐</option>
<option  >百事可乐</option>
<option>崂山可乐</option>
</select>

</form>

 

设计一个注册界面:

 1 <body bgcolor="#0066FF"  topmargin="20">
 2 <form>
 3 <table width="600" height="900" cellpadding="0" cellspacing="0" border="0">
 4 <tr >
 5 <td>邮箱:</td>
 6 <td><input type="text" value="" /></td>
 7 </tr>
 8 
 9 <tr>
10 <td></td>
11 <td>需要通过邮箱激活帐户,不支持sohu,21cn,sougou的邮箱</td>
12 </tr>
13 
14 
15 <tr >
16 <td>登录用户名:</td>
17 <td><input type="text" value="" /></td>
18 </tr>
19 
20 
21 <tr>
22 <td></td>
23 <td>尽在登录时使用,字符数不少于4个</td>
24 </tr>
25 
26 <tr >
27 <td>显示名称:</td>
28 <td><input type="text" value="" /></td>
29 </tr>
30 
31 <tr>
32 <td></td>
33 <td>尽在登录时使用,字符数不少于4个</td>
34 </tr>
35 
36 
37 <tr >
38 <td>密码:</td>
39 <td><input type="password" value="" /></td>
40 </tr>
41 
42 <tr >
43 <td>确认密码:</td>
44 <td><input type="password" value="" /></td>
45 </tr>
46 
47 
48 <tr>
49 <td></td>
50 <td>至少8位,必须包含字母、字母、特殊符</td>
51 </tr>
52 
53 <tr>
54 <td>性别:</td>
55 <td><input type="radio" name="sex" /> 男 <br /> <input type="radio" name="sex" /> 女 </td>
56 </tr>
57 
58 <tr>
59 <td>爱好:</td>
60 <td><select size="1">
61 <option> 听音乐</option>
62 <option>看电影</option>
63 <option>玩游戏</option>
64 </select></td>
65 </tr>
66 
67 
68 <tr>
69 <td></td>
70 <td><input type="submit" value="注册"  /></td>
71 </tr>
72 
73 
74 
75 
76 
77 
78 
79 
80 
81 
82 </table>
83 </form>
84 
85 </body>

 

posted @ 2016-03-22 19:56  冷风~云  阅读(247)  评论(0编辑  收藏  举报