html+css学习笔记 5[表格、表单]

浏览数：53 / 时间：2015年06月09日

表格 —— 默认样式重置

表格标签：
    table 表格
    thead 表格头
    tbody 表格主体
    tfoot 表格尾
    tr 表格行
    th 元素定义表头
    td 元素定义表格单元

表格样式重置
table{border-collapse:collapse;} 单元格间隙合并
th,td{padding:0;}重置单元格默认填充

单元格合并

rowspan 属性规定单元格可横跨的行数。
    <td rowspan="2"></td>

colspan 属性规定单元格可横跨的列数。
    <td colspan="2"></td>

表单/表单元素

form   表单
<input type="…… " name="" value="" />
text              文本框
password     密码
radio            单选
checkbox     复选
submit         提交
reset            重置
button         按钮
image          图片
file               上传
hidden         隐藏

表单元素

label 标签为 input 元素定义标注
    <input type="checkbox" name="" id="a"/>
    <label for="a">……</label>

checked 在页面加载时默认选定的 input 元素。
    <input type="checkbox" name="" checked/>

disabled 属性规定应该禁用 input 元素。
    <input type="checkbox" name="" disabled/>

elect/option 下拉选框
    对高度的支持不兼容；

textarea      文本域
    各个浏览器下的默认滚动条显示不兼容
    css3新增 resize 调整尺寸属性；


轮廓线表单元素兼容性问题

outline 轮廓线；
A标签轮廓线去除方法：
1、<a href="#" onfocus="this.blur();">……</a>
2、<a href="#" hidefocus>……</a>

表单元素兼容性问题
    IE6下input背景滚动；