常用属性：id，class，name（与ID类似，方便后台程序获取标签的值），accept（accept 属性只能与 <input type="file"> 配合使用。它规定能够通过文件上传进行提交的文件类型。）

c: fieldset和legend标签

1 <form>
2 <p><input type="radio" name="fru" id="apple" /><label for="li">苹果</label></p>
3 <p><input type="radio" name="fru" id="li" /><label for="apple">梨</label></p>
4 <p><input type="radio" name="fru" id="ban" /><label for="ban">香蕉</label></p>
5 <p><input type="radio" name="fru" id="ban" />草莓</p>
6 </form>

结构：

1 <select name="sec">
2   <option value ="volvo">Volvo</option>//每一个选项
3   <option value ="saab">Saab</option>
4   <option value="opel">Opel</option>
5   <option value="audi">Audi</option>
6 </select>

这些属性就不详细讲了，大家去实践一下就明白了，很简单

 1 <div id="form">
 2 <form name="form1" action="#" method="get">
 3 //form标签开始一个表单，action值为数据表单数据的传向页面，method为数据的传递形式，这些内容对于初学者不用理会
 4     <fieldset>
 5         <legend>输入的文本</legend>//为表单划分区域
 6     <p><input type="text" name="user" id="user"/></p>//单行文本输入
 7     <p><input type="password" name="pwd" id="pwd" /></p> //单行密文输入
 8     <p><textarea cols="2" rows="2" id="msg" name="msg"></textarea></p>//多行文本输入
 9     </fieldset>
10     <fieldset>
11         <legend>选择的文本</legend>
12     <p><input type="radio" name="fru" id="apple" /><label for="apple">苹果</label></p>
13 <p><input type="radio" name="fru" id="li" checked="checked" /><label for="li">梨</label></p>
14 //上面两个是单选按钮，注意每组单选按钮的name属性要相同，梨默认为被选
15 
16     <p><input type="radio" name="fru" id="ban" /><label for="ban">香蕉</label></p>
17     <p><input type="checkbox" name="men1" id="a" /><label for="a">成龙</label></p>
18     <p><input type="checkbox" name="men2" id="b" /><label for="b">铁拐李</label></p>
19 <p><input type="checkbox" name="men3" id="c" /><label for="c">绿茶</label></p>
20 //上面是多选按钮组合，注意他们的name属性不能相同
21 
22     <select name="sec" id="sec" multiple="multiple">
23         <option value="1">11111111</option>
24         <option value="2" selected="selected">22222222</option>
25         <option value="3" selected="selected">33333333</option>
26         <option value="4">44444444</option>
27 </select>
28 //上面是下拉式选择，并且可以多选，2，3行默认为被选
29 
30     </fieldset>
31     <fieldset>
32     <fieldset>
33         <legend>上传的文件</legend>
34 <p><input type="file" name="file" id="file" accept="image/gif, image/jpeg"  /></p>
35 //上面为文件上传，规定只能上传格式为gif和jpeg的图片
36     </fieldset>
37     <fieldset>
38         <legend>提交与重置</legend>
39 <p><input type="submit" value="提交表单" /><input type="reset" value="重置表单" /></p>
40 //表单的提交与重置
41     </fieldset>
42 </form>
43 </div>

 1 <table border="1">
 2     <caption>标题</caption>
 3   <tr>
 4     <th>Month</th>
 5     <th>Savings</th>
 6   </tr>
 7   <tr>
 8     <td rowspan="2">January</td>//行合并，所以要占据两行空间
 9     <td>$100</td>
10   </tr>
11   <tr>
12     <td>January</td>//由于上面是行合并，故这里少了一列
13   </tr>
14   <tr>
15     <td colspan="2">January</td>//列合并，故这里少了一列
16   </tr>
17 </table>