一、表單

1之剧、表單：收集用戶向網(wǎng)頁(yè)輸入的信息郭卫，并向服務(wù)器提交這些信息.
應(yīng)用場(chǎng)景：登錄、注冊(cè)背稼、更換頭像贰军、上傳圖片等
form 標(biāo)簽是網(wǎng)頁(yè)表單標(biāo)簽的容器
1）action 定義提交的網(wǎng)址 也算是路徑
2）method 定義提交的請(qǐng)求方式
（1）GET
優(yōu)點(diǎn)：速度快 給服務(wù)器造成的壓力小
缺點(diǎn)：保密性差 對(duì)傳輸文件大小有限制
（2）POST
優(yōu)點(diǎn)：保密性好 可以上傳大文件
缺點(diǎn)：速度慢 給服務(wù)器造成的壓力大

<form action="./1.php." method="post"> 

</form>

2、常見(jiàn)的表單標(biāo)簽
表單標(biāo)簽的標(biāo)簽類型通常為inline-block
1蟹肘、type词疼，設(shè)置input的類型
(1) text ：文本框，placeholder 定義文本框內(nèi) 默認(rèn)展示的值
(2) password：文本框疆前，密文輸入寒跳，在里面輸入的值會(huì)以星號(hào)或者小點(diǎn)展示
(3)button ： 按鈕
(4) checkbox ：復(fù)選框聘萨，設(shè)置單選框或復(fù)選框的選中竹椒，checked默認(rèn)狀態(tài) checked="checked"
(5) radio ：?jiǎn)芜x框，name值必須一樣
(6) file：上傳文件
(7) reset：重置 清空表單中所有已輸入的內(nèi)容
(8) submit 提交 向服務(wù)器發(fā)送表單數(shù)據(jù)
屬性：
1）value：設(shè)置input表單標(biāo)簽的默認(rèn)值米辐，作為提交給服務(wù)器的參數(shù)名對(duì)應(yīng)的值
2） name：為input表單標(biāo)簽設(shè)置名字胸完，作為提交給服務(wù)器的參數(shù)名
（1）用于后臺(tái)接收提交的表單信息。
（2）type=radio時(shí)翘贮，name相同才會(huì)選擇互斥

 <form action="">
        <input type="text" value="這是我設(shè)置的默認(rèn)值">
        <input type="password" placeholder="請(qǐng)輸入6-16位密碼"> 
        <input type="radio" name="sex" checked>男 
        <input type="checkbox">春
        <input type="checkbox" disabled>冬 <br>
        <input type="button" value="登錄">
    </form>

3赊窥、select標(biāo)簽：下拉選擇菜單,創(chuàng)建單選或多選菜單 必須組合使用.
option標(biāo)簽，菜單項(xiàng)

<select>
    <option value="0" disabled>西安</option>
    <option value="1">北京</option>
    <option selected value="2">上海</option>
    <option value="3">廣州</option>
</select>

4狸页、textarea標(biāo)簽锨能，文本域扯再，通常用于輸入多行文本框。
cols 定義文本的寬度址遇，rows 定義文本的行數(shù)
樣式：resize: none; 禁止右下角拖拽更改文本域大小
（1）outline:0; 清除選中狀態(tài)下的藍(lán)色邊框
（2）resize:none; 設(shè)定用戶無(wú)法自己調(diào)節(jié)大小
（3）overflow:auto; 超出隱藏

<textarea>123456789</textarea>

二熄阻、表格

1、 table標(biāo)簽倔约，作為一個(gè)表格的容器秃殉，獨(dú)占一行顯示,寫在標(biāo)簽內(nèi)部，
1）caption標(biāo)簽：表格的標(biāo)題浸剩，默認(rèn)文本居中
2）thead標(biāo)簽：表格的表頭
3）tr標(biāo)簽：表格中的行钾军，所有單元格都應(yīng)當(dāng)放在行內(nèi)
4）th標(biāo)簽：表頭的單元格，默認(rèn)字體會(huì)加粗绢要，文本水平居中吏恭，一列的寬度，不是由表頭單元格決定的袖扛，是由這一列最寬的單元格決定砸泛。
5）tbody標(biāo)簽，表格的主體內(nèi)容容器
6）td標(biāo)簽：普通單元格

2蛆封、常見(jiàn)屬性：
table標(biāo)簽
（1）border唇礁，為表格統(tǒng)一設(shè)置邊框，會(huì)為table以及單元格都添加邊框（雙邊框）惨篱，數(shù)值的大小只會(huì)影響外圍邊框的寬度盏筐。
（2）cellspacing：設(shè)置單元格之間的間距
（3）cellpadding：設(shè)置單元格與內(nèi)容之間的間距
td標(biāo)簽：
rowspan：進(jìn)行行合并
colspan：進(jìn)行列合并
數(shù)值表示單元格，跨的行數(shù)或列數(shù)砸讳。
另外琢融，被合并的行或列的單元格記得要?jiǎng)h除。

注意：
1. thead簿寂、tbody漾抬、tr標(biāo)簽的盒模型比較特殊，只有內(nèi)容和邊框常遂，因此margin和padding的設(shè)置對(duì)它們是無(wú)效的纳令。
2. th、td標(biāo)簽的盒模型也比較特殊克胳，沒(méi)有外邊距平绩，因此margin的設(shè)置對(duì)它們無(wú)效。

<table>
        <!-- caption標(biāo)簽漠另，表格的標(biāo)題捏雌，默認(rèn)文本居中 -->
        <caption>價(jià)目表</caption>
        <!-- thead標(biāo)簽，表格的表頭 -->
        <thead>
            <!-- tr標(biāo)簽笆搓，表格中的行性湿，所有單元格都應(yīng)當(dāng)放在行內(nèi) -->
            <tr>
                <!-- th標(biāo)簽纬傲，表頭的單元格，默認(rèn)字體會(huì)加粗肤频，文本水平居中嘹锁，一列的寬度，不是由表頭單元格決定的着裹，是由這一列最寬的單元格決定 -->
                <th>序號(hào)</th>
                <th>名稱</th>
                <th>價(jià)格</th>
                <th>產(chǎn)地</th>
            </tr>
        </thead>
        <!-- tbody標(biāo)簽领猾，表格的主體內(nèi)容容器 -->
        <tbody>
            <!-- 表格信息也應(yīng)該放在行內(nèi)顯示 -->
            <tr>
                <!-- td標(biāo)簽，普通單元格 -->
                <td>1</td>
                <td>農(nóng)夫山泉</td>
                <td>2</td>
                <td>長(zhǎng)白山</td>
            </tr>
        </tbody>
    </table>