html学习_表格、表单

表格（table）：是用来处理表格式数据的，不是用来布局的。

table > tr(行标签)> td（单元格标签）

1、表格注意事项：

tr只能放置td标签，td里面可以放置任意元素。

2、表格的属性：

3、表头标签(th,文字会默认加粗)

tr>th

4、表格结构

table>thead+tbody

5、表格标题

table>caption

6、合并单元格 (删掉被合并的元素)

跨行合并：rowspan eg：<td rowspan="2" >跨行合并</td> （2：删除了2个单元格）

跨列合并：colspan eg：<td colspan="2" >跨列合并</td> （2：删除了2个单元格）

表单（目的：收集用户的信息，一个完整的表单通常由表单控件、提示信息、表单域组成）

a、表单控件

1、input（单标签）

input可以看做变色龙通过type属性变换形状。

a、type属性值（常用）：

text（文本框）、password（密码框）、radio（单选框）、checkbox（复选框）。。。

<input type=“radio” name="sex" />男

<input type=“radio” name="sex" />女

单选框如果是一组，我们通过相同的name值来实现单选框效果。

复选框（可以选中多个）如果是一组也是给相同的name属性值。

b、单选框复选框中设置默认选中

checked="checked"

c、图像按钮

d、文件域上传图像

2、label标签（一般和input搭配使用，用户感较好）

for id 值为一样点到for lebel时，光标定位到id下的输入框

3、textarea控件（文本域：用来留言）

是双标签

4、下拉菜单

b、表单域（form 收集表单控件信息并且提交）

...

</form>

巴特西