B/S基础学习（二）---HTML（3）表单表格

一 表格的固定格式
< table width=“500” height=“300” border=“1” cellspacing=“0” cellpadding=“10”>
< caption>人员信息表< /caption>必须写在table里面，表示表格的标题
< tr> < th>姓名< /th>< th>性别< /th>< th>年龄< /th>< /tr>
< tr> < td>小明< /td>< td>男< /td>< td>25< /td>< /tr>
< tr> < td>小王< /td>< td>女< /td>< td>30< /td>< /tr>
< tr> < td>小五< /td>< td>其他< /td>< td>55< /td>< /tr>
< /table>
二 合并单元格
（1）跨行合并单元格 rowspan
（2）跨列合并单元格 colspan
三 表单
（a）文本框 < input type ="text "/> 单标签
（b）密码框 < input type ="password "/> 单标签 maxlength 属性最长输入长度
（c） 单选框 < input type =“radio” name =“sex”/> 同一组用name属性来确定，用来实现单选,checked,默认选中
（d） 复选框 < input type =“checkbox” name =“hobby” checked=“checked”/ >
（e） 按钮框 < input type =“button” value=“检索”/ >
（f） 提交表单框 < input type =“submit” value=“提交表单”/ >
（g） 重置表单框 < input type =“reset” value=“重置表单”/ >
（h） 图片按钮框 < input type =“image” src=“图片地址”/ >
（i） 文件按钮 < input type =“file”/ >
四 label标签
（1） < label > 加上标签input标签 可以再其中就直接定位到input < /label>
(2)< label > 中若有多个input 可以再 label中 用for属性， 想要选中的input的 id属性，两者保持一致即可
五 文件域 ：textarea
六 下拉 select /selected 属性 默认选中
eg: < select >
< option>北京< /option>
< option>上海< /option>
< option>广州< /option>
< option selected=“selected”>望江< /option>
< /select>
七 表单域
八 html5新语义标签
< header>语义:定义页面底部 ，页眉< /header>
< nav> 语义： 定义导航栏< /nav>
< footer>语义：定义页面底部，页脚< /footer>
< article>语义 ： 定义文章< /article>
< section>语义 : 定义文章中的小结，定义区域< /section>
< aside> 语义 ： 定义侧边< /aside>
备注：https://www.w3school.com.cn 这个网址不错，推荐
< input type=“text” value=“输入明星” list=“star”> 与input一起用，需要建立链接，可以做成下拉选择，比select好用
< datalist id=“star”>
< option>刘德华< /option>
< option>张学友< /option>
< option>郭富城< /option>
< option>黎明< /option>
< /datalist>
fieldset： 可将表单内的相关元素分组打包 与legend 搭配使用。
eg; 一些常见属性可以通过https://www.w3school.com.cn 来查询