HTML表单

[目录]

一、基础表格

<table>表格
<tr>行
<td>单元格

基本语法与结构

<table>                     <!--表格开始-->
    <tr>                    <!--tr行标签-->
        <td>……</td>         <!--td单元格-->
        ……
    </tr>
    ……
</table>                    <!--表格结束-->

二、表格操作

1. 带表头的表格：
   <th>……</th> <!--表格头，内容居中，加粗显示-->

2. 带标题的表格：
   <caption>……</caption> <!--表格标题居中显示-->

3. 带结构的表格

   • thead：表格的头，放表格的表头
   • tbody：表格主体，放数据本体
   • tfoot：表格的脚，放表格的脚注

4. <table>表格属性

1. <tr>标签属性

1. 跨列属性：colspan
2. 跨行属性：rowspan
3. 表格嵌套：
   • 完整表格结构
   • 放到<td>标签
4. 注意：尽量少使用表格嵌套，尽量少的使用表格跨行跨列

三、HTML表单

1. 语法

<form>
    表单元素
</form>

1. HTML表单
   form标签中，以下标签实现表单元素添加

1. <input>标签:
   <input type="类型属性" name="名称" …… />

1. 单行文本域

1. 多行文本域

1. 表单工作原理：访问一个包含表单的页面，输入数据后“提交”表单，浏览器将用户在表单中输入的数据进行打包，并发送给服务器，服务器接收数据并转由程序处理
2. <form>标签

<form action="" method="" name="" …… >
    表单元素
</form>

1. GET和POST的区别
   • GET：使用URL传递参数，对所送信息的数量也有限制，一般用于信息获取
   • POST：表单数据作为HTTP请求体的一部分，对所发送信息的数量无限制，一般用于修改服务器上的资源

四、必备基础

1. <div>和<span>
   • <div>标签是一个区块容器标记，<div></div>之间是一个容器，可以包含段落、表格、图片等各种HTML元素
   • <span>标签没有实际意义，为了应用样式
2. HTML标签

块级标签：占据一行、换行

<div><ul><ol><li><dl><dt><dd><h1>~<h6><p><form><hr>

行内标签：在一行，不换行

<b><em><img><input><a><sup><sub><textarea><span>