html+css学习笔记 5[表格、表单]
2014-07-28 01:15
706 查看
表格 —— 默认样式重置
表格标签:
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背景滚动;
表格标签:
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背景滚动;
相关文章推荐
- 对表单和数据表格应用样式--Css学习笔记(六)
- HTML+CSS笔记 表格,超链接,图片,表单
- HTML&CSS基础学习笔记1.17-表格的头部与尾部
- HTML&CSS基础学习笔记1.22-表单的文本域和下拉列表
- HTML&CSS基础学习笔记1.18-表格的边框
- HTML&CSS精选笔记_表格与表单
- 【学习摘记】马士兵HTML & CSS_课时4-5_表格和表单
- html css学习笔记-href 表格 字体 轮郭
- HTML&CSS基础学习笔记1.14-创建表格
- [HeadFirst-HTMLCSS学习笔记][第十三章表格]
- HTML&CSS基础学习笔记1.23-表单的文本域和下拉列表
- HTML&CSS基础学习笔记1.26-input标签重置表单
- HTML&CSS基础学习笔记1.16-单元格间距和表格主体
- CSS学习笔记(十)对表单和数据表格使用样式
- HTML&CSS基础学习笔记1.24-input标签重置表单
- [HeadFirst-HTMLCSS学习笔记][第十三章表格]
- HTML学习笔记三表单和框架
- 黑马程序员HTML、CSS学习笔记
- div+css+html学习笔记(1)
- 黑马程序员之HTML学习笔记:rowspan属性实现HTML表格中一列跨越多行,colspan 属性实现HTML表格中一行跨越多列