HTML--form标签及表格标签知识点汇总

一、表单

（一)、form 标签

1、form标签即为表单域，用于为用户输入创
建表单<form>用户名：<input type="text"></form>

(二)、form 标签元素

form标签包含元素input 输入表单元素，select
下拉表单元素，textarea 文本域元素。

①input元素

• input之type属性：
  button:定义可点击按钮。
  checkbox：定义复选框。
  file：定义输入字段和“浏览”按钮，供文件上传。
  hidden：定义隐藏的输入字段。
  image：定义图像形式的提交按钮。
  password：定义密码字段，输入时是星号或者黑点。
  radio：定义单选按钮。
  reset：定义重置按钮。重置按钮会清除表单中的所有数据。
  submit：定义提交按钮。
  text：定义单行的输入字段，用户可在其中输入文本。默认宽度为20个字符。

• input之name属性：
  name是表单元素的名字，用以区分不同的表单元素，单选按钮"radio"必须有相同的name才能实现多选一；多选按钮“checkbox"有相同的name用以进行多选。

• input之value属性：
  规定input的值，只能在文本框中看到效果(例如文本框中显示的"请输入用户名")而单选框复选框是看不到的，主要是让后台人员看的。

• input之checked属性：
  单选框和多选框可以设置checked属性，当页
  面打开即默认选中按钮"checked=checked”。

②select元素

• 用select定义下拉列表，包含若干对，当在option中定
  义"selected=selected”,当前选项即为默认选中的选项。

③textarea元素

• 输入多行文本

二、表格

1、基本格式

• <table></table>是用于定义表格的标签。
• <tr></tr>标签用于定义表格中的行，必须嵌套在<table></table>标签中。
• <td></td>用于定义表格中的单元格，必须嵌
  套在<tr></tr>标签中。
• 字母td指麦格数据(table data)，即数据单元格的内容。
• <th></th>用于表头单元格，使表头单元格中的内容加粗中。
  
  

2、表格属性

• align：属性值为left、center、right 规定表格相对周围元素的对齐方式。border：属性值为 1或"”，规定表格单元是否拥有边框，默认为"”，表示没有边框。
• cellpadding：规定单元边沿与其内容之间的空百，默认1像素。
• cellspacing：规定单元格之间的空白，默认2像素。
• width：属性值为像素值或百分比，规定表格的宽度。

3、合并单元格

跨行合并：rowspan="合并单元格的个数”
跨列合并：colspan="合并单元格的个数”
合并步骤：
1.先确定是跨行还是跨列合并。
2.找到目标单元格，写上合并方式=合并的单元格数量。比如：。
3.★★删除多余的单元格。