表格
在网页中,表格通过使用 table 标签来创建一个表格;
在table中使用 tr 表示表格中的行;
在tr中使用 td 表示行中的单元格;
colspan 横向合并单元格;
rowspan 纵向合并单元格;
borderspcing 指定边距的距离;
==border-collapse: collapse;==设置边框的合并;
注意:
- 如果表格中没有使用tbody而是直接使用tr,那么浏览器会自动创建一个tbody,并且tr全放到tbody中;
- tr不是table的子元素;
- 默认情况下,元素在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
自动获取焦点;