day07-HTML 02

表格

---

在网页中，表格通过使用 table 标签来创建一个表格；
在table中使用 tr 表示表格中的行；
在tr中使用 td 表示行中的单元格；
colspan 横向合并单元格；
rowspan 纵向合并单元格；
borderspcing 指定边距的距离；
==border-collapse: collapse；==设置边框的合并；
注意：

1. 如果表格中没有使用tbody而是直接使用tr，那么浏览器会自动创建一个tbody，并且tr全放到tbody中；
2. tr不是table的子元素；
3. 默认情况下，元素在td中是垂直居中的，可以通过vertical-align: /text-align:/disply:table-cell;（将元素设置为单元格td）来修改；

表单

---

网页中的表单用于将本地的数据提交给远程的服务器；
数据要提交到服务器中，必须要为元素指定一个name属性；
使用 form 标签来创建一个表单；
属性：
action表单要提交的服务器的地址；

文本框

<input type="text" name="">

提交按钮

<input type="submit" value="按钮上的值">

<button type="submit">value</button>

普通按钮

<input type="text" name="">

<button type="button">value</button>

重置按钮

<input type="reset">

<button type="reset">value</button>

密码框

<input type="password" name="">

单选按钮

<input type="radio" name="" value="" checked>

多选框

<input type="checkbox" name="" value="" checked>

下拉列表

<select name="">
	<option value=""></option>
</select>

自动补全

---

autocomplete=“off” 关闭自动补齐；

readonly

---

将表单项设置为只读，数据会提交；

disabled

---

将表单项设置为禁用，数据不会提交；

autofocus

---

自动获取焦点；