HTML表格标签2和HTML表单标签概述

HTML表格标签2：

HTML表格标签有：

colspan的意思是：合并列

rowspan：合并行

<caption>：表格标题

<thead> :表示表格的头部分

<tbody> :表示表格的体部分

<tfoot>:表示表格的脚部分

HTML标签定义格式：

<caption style="color: cornflowerblue">职业表</caption>
        <thead>
            <tr style="text-align: center; color: darkorange;">
                <th>编号</th>
                <th>姓名</th>
                <th>职业</th>
            </tr>
        </thead>
        <tbody>
           <tr style="text-align: center; color: cyan">
               <td>1</td>
               <td>叶秋</td>
               <td>散修</td>
           </tr>
        </tbody>
        <tfoot>
            <tr style="text-align: center; color: crimson;">
                <td>2</td>
                <td>烟柔</td>
                <td>战法</td>
            </tr>
        </tfoot>

 

 

 

 

 

HTML表单标签概述：

表单概念：

概念：用于采集用户输入的数据的。用于和服务器进行交互。

form：用于定义表单的。可以定义一个范围，范围代表采集用户数据的范围

属性:

action :指定提交数据的URL

method:指定提交方式

分类:—共7种，2种比较常用

get :

1．请求参数会在地址栏中显示。会封装到请求行中(HTTP协议后讲解)。

2．请求参数大小是有限制的。

3．不太安全。

post :

1．请求参数不会再地址栏中显示。会封装在请求体中(HTTP协议后讲解)

2．请求参数的大小没有限制。

3.较为安全。

表单项中的数据要想被提交：必须指定其name属性

标签定义格式：

<form action="#" method="get">
            用户名:<input name="username" ><br>
            密码:<input name="password" ><br>
            <input type="submit" value="登录">
        </form>