教程源于本人学习的一些经验的总结，希望大家帮忙完善与指正，也希望会给初学者带来方便，希望大家不要随便转载，写的不是很好，还不完善
关键词:
几个html
本节我将给大家讲解表单标签和table标签，ok，Begin！Right now！
accept（accept 属性只能与 <input type="file"> 配合使用。它规定能够通过文件上传进行提交的文件类型。）
Courier
for
代码如下:
<form>
<p><input type=”radio” name=”fru” id=”apple” /><label for=”li”>苹果</label></p>
<p><input type=”radio” name=”fru” id=”li” /><label for=”apple”>梨</label></p>
<p><input type=”radio” name=”fru” id=”ban” /><label for=”ban”>香蕉</label></p>
<p><input type=”radio” name=”fru” id=”ban” />草莓</p>
</form>
点击梨，苹果会被选中，点击苹果，梨会被选中，点击香蕉，香蕉会被选中，点击草莓，草莓不会被选中，因为他没有应用label，这时只有点击按钮（）才会被选中。
e:select标签
使用指数：***
功能：创建单选或者多选的下拉菜单
结构：
代码如下:
<select name=”sec”>
<option value =”volvo”>Volvo</option>//每一个选项
<option value =”saab”>Saab</option>
<option value=”opel”>Opel</option>
<option value=”audi”>Audi</option>
</select>
这些属性就不详细讲了，大家去实践一下就明白了，很简单
下面通过一个例子在具体应用表单标签要注意的事项：
代码如下:
<div id=”form”>
<form name=”form1″ action=”#” method=”get”>
//form标签开始一个表单，action值为数据表单数据的传向页面，method为数据的传递形式，这些内容对于初学者不用理会
<fieldset>
<legend>输入的文本</legend>//为表单划分区域
<p><input type=”text” name=”user” id=”user”/></p>//单行文本输入
<p><input type=”password” name=”pwd” id=”pwd” /></p> //单行密文输入
<p><textarea cols=”2″ rows=”2″ id=”msg” name=”msg”></textarea></p>//多行文本输入
</fieldset>
<fieldset>
<legend>选择的文本</legend>
<p><input type=”radio” name=”fru” id=”apple” /><label for=”apple”>苹果</label></p>
<p><input type=”radio” name=”fru” id=”li” checked=”checked” /><label for=”li”>梨</label></p>
//上面两个是单选按钮，注意每组单选按钮的name属性要相同，梨默认为被选
<p><input type=”radio” name=”fru” id=”ban” /><label for=”ban”>香蕉</label></p>
<p><input type=”checkbox” name=”men1″ id=”a” /><label for=”a”>成龙</label></p>
<p><input type=”checkbox” name=”men2″ id=”b” /><label for=”b”>铁拐李</label></p>
<p><input type=”checkbox” name=”men3″ id=”c” /><label for=”c”>绿茶</label></p>
//上面是多选按钮组合，注意他们的name属性不能相同
<select name=”sec” id=”sec” multiple=”multiple”>
<option value=”1″>11111111</option>
<option value=”2″ selected=”selected”>22222222</option>
<option value=”3″ selected=”selected”>33333333</option>
<option value=”4″>44444444</option>
</select>
//上面是下拉式选择，并且可以多选，2，3行默认为被选
</fieldset>
<fieldset>
<fieldset>
<legend>上传的文件</legend>
<p><input type=”file” name=”file” id=”file” accept=”image/gif, image/jpeg” /></p>
//上面为文件上传，规定只能上传格式为gif和jpeg的图片
</fieldset>
<fieldset>
<legend>提交与重置</legend>
<p><input type=”submit” value=”提交表单” /><input type=”reset” value=”重置表单” /></p>
//表单的提交与重置
</fieldset>
</form>
</div>
代码如下:
<table border=”1″>
<caption>标题</caption>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td rowspan=”2″>January</td>//行合并，所以要占据两行空间
<td>$100</td>
</tr>
<tr>
<td>January</td>//由于上面是行合并，故这里少了一列
</tr>
<tr>
<td colspan=”2″>January</td>//列合并，故这里少了一列
</tr>
</table>
html
下一讲，我将带领大家步入css的世界当中！
