1. 表单的补充
(1) 单选框
<input type='radio'> 单选内容
- type为radio, 代表单选框
- 当name属性值一样时, 能够互斥
- 绑定信息 lable标签, 点击字的时候, 也能抉择到圈
<label for="woman"> for属性指向id名 <input type="radio" name="sex" id="woman">女 </label>
- 默认抉择: checked (相当于 checked='checked')
- 禁止抉择: disabled
(2) 多选框
<input type='checkbox'> 多选内容
- type为checkbox, 代表多选框
(3) 下拉列表
<select> <option>下拉内容</option></select>
- 默认抉择: selected
(4) 多行文本域
<textarea></textarea>
禁止缩放
textarea{ resize:none;}
(5) 文件上传
<input type='file'>
(6) 表单字段集
<fieldset> <legend>字段集题目</legend> 表单元素</fieldset>
2. 表格的补充
(1) 表格题目 caption
(2) 表格列题目 th
(3) 表格行分组 thead tbody tfoot
<thead></thead> 表头 个别只有一组
<tbody></tbody> 表体 能够有多组
<tfoot></tfoot> 表尾 个别只有一组
(4) 加在table身上的属性
border-spacing: 数值+px
- 边框之间的间距
border-collapse: collapse
- 合并边框线,变成细线边框
table-layout: auto(主动)/fixed(固定)
- 设置固定后,不让表格依据内容去撑大宽度,所以有利于浏览器放慢运行速度