#表格**table**
定义表格的头
定义表格的主体
定义表格的标题
定义表格的行
定义表头单元格
定义表格的标准单元格
- 没有添加边框时,表格和单元格是没有边框的。
- 没有添加宽高时,靠内容撑出宽度和高度。
表格中某一个单元格的大小发生改变,会影响其一行/一列的单元格的大小。
border-spacing:0;
设置单元格之间是否有间隙。值(0:没有。1:默认值,有 )
border-collapse:collapse;
单元格与边框是否合并。collapse:合并。separate:默认值,分开。
colspan=”x” 跨列合并(横向合并)x个格子(设置后需删除 x-1 个右边的格子);
rolspan=”y” 跨行合并(纵向合并)y个格子(设置后需删除 y-1 个下边的格子);
可以在单元格内添加另一个表格:
<tr><td colspan="5"><table style="border: none;"><tr><td style="width: 200px; border: none; border-right: 1px solid;">1</td><td style="width: 200px; border: none; border-right: 1px solid;">1</td><td style="width: 200px; border: none;">1</td></tr></table></td></tr>
#列表**list
: 定义列表的项
默认样式:margin-top=font-size; margin-bottom=font-size; left-padding: 40px;
序号默认为圆点,可以通过css样式改变。
list-style : disc ; 设置无序列表序号样式
disc:默认值,圆点。
circle:设置圆圈。
square: 设置方块。
none: 定义无,清除。
: 定义列表的项
默认样式:margin-top=font-size; margin-bottom=font-size; left-padding: 40px;
type属性 : 列表序号的类型。
1 2 3…:阿拉伯数字
a b c… : 小写英文字母
A B C… : 大写英文字母
i ii iii… : 小写罗马数字
I II III… : 大写罗马数字
: 定义列表的项
: 定义列表的描述(默认有40px的left-margin)
一个列表项可以设置多个列表的描述,自定义列表多用于电商网页底部。
#表单**form**
action属性:”链接” ; 当表单提交时,将数据发往链接处。
创建输入框,按钮等
type属性:定义input的类型
- text 文本输入框(默认)
- password 密码
- button 按钮
- sumbit 提交按钮,会把表单内的数据发送到服务器。
- reset 重置按钮,会清除表单内的所有数据。
- file 选择本地文件上传按钮(默认只能上传一个文件)。accept属性="text/*"指定上传的文件类型为text。multiple属性:一次可以选择多个文件。
- image 设置图像形式的提交按钮
- checkbox 设置复选框。checked(默认选中)
- radio 设置单选框。checked(默认选中) radio使用方式:添加name属性设置组名称。接着把多个radio单选框的name设置为相同的一个,那么同一个组里的多个单选框只能同时被选中一个。
name属性:定义input的名称。
value属性:定义input输入框中已经输入的值。
placeholder属性:定义文本输入框的提示语。
autofocus属性:自动成为输入焦点。
autocomplete属性:是否启用自动完成功能(历史提示)。
required属性:输入的内容不能为空。
disabled属性:禁用input元素。
for属性:填入input标签的id名与lable进行绑定。
使用方式:先给想要绑定的input标签设置一个id名,然后在lable标签的for属性,填入input标签的id名,即可添加绑定。点击lable的文本内容就让input标签获取焦点。
- <legend></legend>定义fieldset元素的标题。块
定义多组下拉菜单
- <optgroup></optgroup>定义选项组(可以不使用optgroup元素)
- <option></option>定义组内的一个选项。selected(默认选中项)
