整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
TML基礎(chǔ)簡介
超文本標(biāo)記語言（英語：HyperText Markup Language，簡稱：HTML）是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。您可以使用 HTML 來建立自己的 WEB 站點(diǎn)，HTML 運(yùn)行在瀏覽器上，由瀏覽器來解析。
HTML是一個網(wǎng)頁文件的拓展名，和txt、jpg、mp3一樣，是一個文件格。.html文件就是網(wǎng)頁文件。
2.html 的格式化標(biāo)簽
<!DOCTYPE>
<html>
--html是一個雙標(biāo)簽 開始標(biāo)簽
<head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>
</title> --可能是標(biāo)題
</head>
<body>--用來存放頁面中的內(nèi)容
</body>
</html> --結(jié)束標(biāo)簽
DOCTYPE----文檔類型聲明 meta標(biāo)簽----設(shè)置頁面編碼格式，關(guān)鍵字，以及頁面的描述 <title></title>--------->標(biāo)題部分 <head></head>------>頁面的頭部分 <body></body>------>頁面的主體部分
2.內(nèi)容標(biāo)簽
這其中<hr> <br> 是單標(biāo)簽
<div></div> <span></span> 無意義區(qū)塊容器標(biāo)簽
eg:
<div id="header" style="background-color:#FFA500;">
<h1 style="margin-bottom:0;">主要的網(wǎng)頁標(biāo)題</h1></div>
HTML標(biāo)記—注釋標(biāo)記
<!--注釋語句-->
標(biāo)題： <h1>這是一個標(biāo)題</h1> <h2>這是一個標(biāo)題</h2> <h3>這是一個標(biāo)題</h3>
段落： <p>這是一個段落。</p> <p>這是另外一個段落。</p>
HTML 鏈接
<!--提示:在 href 屬性中指定鏈接的地址。-->
<a >這是一個鏈接</a>
當(dāng)您點(diǎn)擊 HTML 頁面中的某個鏈接時，對應(yīng)的 <a> 標(biāo)簽指向萬維網(wǎng)上的一個地址。
一個統(tǒng)一資源定位器(URL) 用于定位萬維網(wǎng)上的文檔。
URL - 統(tǒng)一資源定位器
scheme - 定義因特網(wǎng)服務(wù)的類型。最常見的類型是 http
host - 定義域主機(jī)（http 的默認(rèn)主機(jī)是 www）
domain - 定義因特網(wǎng)域名，比如 runoob.com
:port - 定義主機(jī)上的端口號（http 的默認(rèn)端口號是 80）
path - 定義服務(wù)器上的路徑（如果省略，則文檔必須位于網(wǎng)站的根目錄中）。
filename - 定義文檔/資源的名稱
這里需要注意:使用超鏈接做下載,并不是超鏈接完成的下載功能,而是通過超鏈接跳轉(zhuǎn)到了一個有下載功能的頁面。
常見的 URL Scheme
HTML 圖像
alt 屬性用來為圖像定義一串預(yù)備的可替換的文本。
3.HTML屬性
屬性實(shí)例:
HTML 鏈接由 <a> 標(biāo)簽定義。鏈接的地址在 href 屬性中指定：<a >這是一個鏈接</a>
4.HTML 表格
表格由 <table> 標(biāo)簽來定義。每個表格均有若干行（由 <tr> 標(biāo)簽定義），每行被分割為若干單元格（由 <td> 標(biāo)簽定義）。字母 td 指表格數(shù)據(jù)（table data），即數(shù)據(jù)單元格的內(nèi)容。數(shù)據(jù)單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。表格的表頭使用 <th> 標(biāo)簽進(jìn)行定義。
<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
5.HTML 表單
表單是一個包含表單元素的區(qū)域。
表單元素是允許用戶在表單中輸入內(nèi)容,比如：文本域(textarea)、下拉列表、單選框(radio-buttons)、復(fù)選框(checkboxes)等等。
文本域（Text Fields）
文本域通過<input type="text"> 標(biāo)簽來設(shè)定
當(dāng)用戶要在表單中鍵入字母、數(shù)字等內(nèi)容時，就會用到文本域
密碼字段
密碼字段通過標(biāo)簽<input type="password"> 來定義:
<form>
FirstName: <input type="text" name="firstname"><br>
Password: <input type="password" name="pwd">
</form>
單選按鈕（Radio Buttons）
<input type="radio"> 標(biāo)簽定義了表單單選框選項
<form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>
單選有時需要設(shè)置默認(rèn)選項,需要設(shè)置checked屬性:
<input type="radio" name="sex" checked ="checked"/>男
復(fù)選框（Checkboxes）
<input type="checkbox"> 定義了復(fù)選框. 用戶需要從若干給定的選擇中選取一個或若干選項。
<form>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car
</form>
多選框一般不需要設(shè)置默認(rèn)選項,如果要設(shè)置,也是設(shè)置checked屬性
提交按鈕(Submit Button)
<input type="submit"> 定義了提交按鈕.
當(dāng)用戶單擊確認(rèn)按鈕時，表單的內(nèi)容會被傳送到另一個文件。表單的動作屬性定義了目的文件的文件名。由動作屬性定義的這個文件通常會對接收到的輸入數(shù)據(jù)進(jìn)行相關(guān)的處理。:
<form name="input" action="html_form_action.php" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>
這里需要注意的是: Submit必須要和form一起使用才能達(dá)到效果
action 設(shè)置表單提交參數(shù)路徑
method 當(dāng)前請求方式(同iOS開發(fā)網(wǎng)絡(luò)請求一樣,get/post)
假如您在上面的文本框內(nèi)鍵入幾個字母，然后點(diǎn)擊確認(rèn)按鈕，那么輸入數(shù)據(jù)會傳送到 "html_form_action.php" 的頁面。該頁面將顯示出輸入的結(jié)果。
圖片按鈕(使用不多)
Select下拉框
selected默認(rèn)選項
<select>
<option selected="selected" >選項一</option>
<option>選項二</option>
</select>
Textarea文本域
<textarea></textarea>
6.HTML 列表
HTML 支持有序、無序和定義列表:
無序列表使用 <ul> 標(biāo)簽
<ul>
<li>列表項</li>
<li>列表項</li>
<li>列表項</li>
</ul>
有序列表始于 <ol> 標(biāo)簽。每個列表項始于 <li> 標(biāo)簽。
列表項項使用數(shù)字來標(biāo)記。
<ol>
<li>第一個列表項</li>
<li>第二個列表項</li>
<li>第三個列表項</li>
</ol>
自定義列表以 <dl> 標(biāo)簽開始。每個自定義列表項以 <dt> 開始。每個自定義列表項的定義以 <dd> 開始。
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
去除點(diǎn)去除下劃線
a {
text-decoration: none;
}
ul {
list-style: none;
}
7.內(nèi)聯(lián)樣式- 在HTML元素中使用"style" 屬性
HTML樣式實(shí)例 - 背景顏色
<body style="background-color:yellow;">
<h2 style="background-color:red;">這是一個標(biāo)題</h2>
<p style="background-color:green;">這是一個段落。</p>
</body>
HTML 樣式實(shí)例 - 字體, 字體顏色 ，字體大小
我們可以使用font-family（字體），color（顏色），和font-size（字體大小）屬性來定義字體的樣式:
HTML 樣式實(shí)例 - 文本對齊方式
<h1 style="text-align:center;">居中對齊的標(biāo)題</h1>
而關(guān)于其他CSS內(nèi)容,這里就簡單介紹一下:
內(nèi)部樣式表
當(dāng)單個文件需要特別樣式時，就可以使用內(nèi)部樣式表。你可以在<head> 部分通過 <style>標(biāo)簽定義內(nèi)部樣式表:
<head>
<style type="text/css">
body {background-color:yellow;
}
p {color:blue;}
</style>
</head>外部樣式表
當(dāng)樣式需要被應(yīng)用到很多頁面的時候，外部樣式表將是理想的選擇。使用外部樣式表，你就可以通過更改一個文件來改變整個站點(diǎn)的外觀。
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
HTML 樣式標(biāo)簽
最后提一下什么是Web安全色?
數(shù)年以前，當(dāng)大多數(shù)計算機(jī)僅支持 256 種顏色的時候，一系列 216 種 Web 安全色作為 Web 標(biāo)準(zhǔn)被建議使用。其中的原因是，微軟和 Mac 操作系統(tǒng)使用了 40 種不同的保留的固定系統(tǒng)顏色（雙方大約各使用 20 種）。
216 跨平臺 web 安全色被用來確保：當(dāng)計算機(jī)使用 256 色調(diào)色板時，所有的計算機(jī)能夠正確地顯示所有的顏色。
前面已經(jīng)學(xué)習(xí)相關(guān)html大部分知識，基本上可以制作出簡單的頁面，但是這些頁面都是靜態(tài)的，一個網(wǎng)站如果要實(shí)現(xiàn)用戶的互動交流，這時表單就起到關(guān)鍵的作用，表單的用途很多，它主要用來收集用戶的相關(guān)信息，是網(wǎng)頁具有交互的功能。例如，用戶注冊登錄，留言等。
下面會詳細(xì)介紹表單的使用方法，有以下內(nèi)容：
使用<form></form>標(biāo)簽來創(chuàng)建一個表單，在其之間就是各種表單控件，如，輸入框，文本框，單選按鈕，多選按鈕，提交按鈕等。
語法代碼如下：
<form name="表單名稱" action="表單處理程序的服務(wù)地址" method="提交表單時所用的HTTP方法">
...... 表單控件......
</form>1、action —— 處理程序
這里的 action 屬性值表單提交的地址，就是表單收集好數(shù)據(jù)后要傳遞給遠(yuǎn)程服務(wù)的地址，其地址可以是絕對路徑也可以是相對路徑，或者其它形式，如發(fā)送電子郵件。
使用表單發(fā)送電子郵件：
<form action="mailto:xxx@126.com">
...... 表單控件......
</form>提交到后臺程序地址：
<form action="action_page.php">
...... 表單控件......
</form>2、name —— 表單名稱
表單名稱，這一屬性不是必需的，但是為了防止表單信息提交到后臺處理程序時發(fā)生混亂，一般要設(shè)置一個名稱，且在同一頁面中最好是唯一的，不要和其它表單重復(fù)命名。
<form name="loginForm">
...... 表單控件......
</form>3、method —— 傳送數(shù)據(jù)方法
method 屬性用來定義處理程序使用那種方法來獲取數(shù)據(jù)信息，常用的有 get 和 post （http 協(xié)議定義的方法）。
<form name="loginForm" action="get 或 post">
...... 表單控件......
</form>何時使用 GET？
GET 最適合少量數(shù)據(jù)或不是很重要數(shù)據(jù)的提交，瀏覽器會設(shè)定容量限制，默認(rèn)如何沒有設(shè)置method 屬性，表單則會使用get 方法。
當(dāng)您使用 GET 時，表單數(shù)據(jù)在頁面地址欄中是可見的，會在表單提交的地址后面跟一個問號“?” ，問號后面是數(shù)據(jù)，以 名稱1=值1&名稱2=值2 形式發(fā)送到后臺程序。
地址欄會看到如下：
action_page.php?firstname=Mickey&lastname=Mouse關(guān)于 GET 的注意事項：
以名稱/值對的形式將表單數(shù)據(jù)追加到 URL
永遠(yuǎn)不要使用 GET 發(fā)送敏感數(shù)據(jù)！（提交的表單數(shù)據(jù)在 URL 中可見！）
URL 的長度受到限制（2048 個字符）
對于用戶希望將結(jié)果添加為書簽的表單提交很有用
GET 適用于非安全數(shù)據(jù)，例如 Google 中的查詢字符串
何時使用 POST？
使用post 表單數(shù)據(jù)和url（表單提交地址）是分開發(fā)送的，在頁面地址欄中被提交的數(shù)據(jù)是不可見的，這樣安全性更好，用戶端會通知服務(wù)端獲取數(shù)據(jù)，所以這種情況沒有數(shù)據(jù)長度的限制，缺點(diǎn)是速度會慢些。
關(guān)于 POST 的注意事項：
將表單數(shù)據(jù)附加在 HTTP 請求的正文中（不在 URL 中顯示提交的表單數(shù)據(jù)）
POST 沒有大小限制，可用于發(fā)送大量數(shù)據(jù)。
帶有 POST 的表單提交后無法添加書簽
4、enctype —— 編碼方式
enctype 屬性規(guī)定在發(fā)送到服務(wù)器之前應(yīng)該如何對表單數(shù)據(jù)進(jìn)行編碼。
<form enctype="value">有以下幾種值：
值 | 含義 |
application/x-www-form-urlencoded | 在發(fā)送前編碼所有字符（默認(rèn)編碼方式） |
multipart/form-data | 不對字符編碼。 在使用包含文件上傳控件的表單時，必須使用該值。 |
text/plain | 以純文本的方式，空格轉(zhuǎn)換為 "+" 加號，但不對特殊字符編碼。 |
5、target —— 目標(biāo)顯示方式
target 屬性規(guī)定在何處打開 action URL。表單的目標(biāo)窗口通常用來顯示表單返回的信息，例如是否成功提交了表單，是否出錯等。
<form target="value">屬性值有以下：
值 | 描述 |
_blank | 在新窗口中打開。 |
_self | 默認(rèn)。在表單當(dāng)前的窗口中打開。 |
_parent | 在父窗口中打開。 |
_top | 在頂級窗口中打開。 |
framename | 在指定的框架窗口中打開。 |
看到這里是不是想的了之前學(xué)習(xí)超鏈接時候，a標(biāo)簽也有同樣的屬性，這里差不多一個意思，只是用途不一樣。
這里的窗口有可能是框架 frame 或 浮動窗口 iframe ，后面會講到框架和浮動窗口，就是在一個頁面中可以嵌套一個子窗口。
什么是表單控件，就是收集數(shù)據(jù)的各種形式控件，比如輸入框，密碼框，單選、多選按鈕，下拉菜單，文本域，文件域，提交按鈕等等。
如下代碼：
<form name="form1">
<div>用戶名：<input name="username" type="text" ></div>
<div>密碼：<input name="password" type="password" ></div>
<div>性別：
<input type="radio" name="sex" value="male" checked> 男
<br>
<input type="radio" name="sex" value="female"> 女
</div>
<div> 車輛：
<select name="cars">
<option value="volvo">baom</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</div>
<div>留言：
<textarea name="message" rows="10" cols="30">
請輸入文本
</textarea>
</div>
</select>
</form>效果如下：
這里顯示了一個基本表單，包含了輸入框，密碼框，單選，下拉菜單，文本域等組件，下面會按其使用類型介紹表單控件。
所有表單控件都一個name屬性和vaule屬性，用于和其它控件區(qū)別，后臺程序?qū)源嗣Q獲取其表單控件對應(yīng)的vaule值。
下篇會介紹各種表單控件的使用，感謝關(guān)注。
上篇：前端入門——html 表格的使用
下篇：前端入門——html 表單控件使用
程序員web前端分享HTML基本結(jié)構(gòu)和基本語法
HTML基本結(jié)構(gòu)
HTML的基本語法
1、<常規(guī)標(biāo)記>
<標(biāo)記 屬性=“屬性值” 屬性=“屬性值”></標(biāo)記>
標(biāo)記也可叫標(biāo)簽或叫元素
例如：<head></head>
2.空標(biāo)記
<標(biāo)記 屬性=“屬性值” />
例如：<meta charset=”utf-8”>
說明：
1.寫在<>中的第一個單詞叫做標(biāo)記，標(biāo)簽，元素。
2.標(biāo)記和屬性用空格隔開，屬性和屬性值用等號連接，屬性值必須放在“”號內(nèi)。
3.一個標(biāo)記可以沒有屬性也可以有多個屬性，屬性和屬性之間不分先后順序。
4.空標(biāo)記沒有結(jié)束標(biāo)簽，用“/”代替。
五、HTML常用標(biāo)記
1、文本標(biāo)題（h1-h6）
<h1>LOGO</h1>
<h2>二級標(biāo)題</h2>
<h3>三級標(biāo)題H3</h3>
<h4>四級標(biāo)題H4</h4>
<h5>五級標(biāo)題</h5>
<h6>六級標(biāo)題</h6>
注：文本標(biāo)題標(biāo)簽自帶加粗，有自己的文本大小，并且獨(dú)占一行，有默認(rèn)間距
2、段落文本(p)
<p>段落文本內(nèi)容</p>
標(biāo)識一個段落(段落與段落之間有段間距)
3、空格
所占位置沒有一個確定的值,這與當(dāng)前字體字號都有關(guān)系.
4、換行(br)
<br />
換行是一個空標(biāo)記(強(qiáng)制換行)
5、水平線
<hr />空標(biāo)記
6、加粗有兩個標(biāo)記
A、<b>加粗內(nèi)容</b>只是顯示加粗
B、<strong>強(qiáng)調(diào)的內(nèi)容</strong>突出的文本
7、傾斜
<em>強(qiáng)調(diào)文本</em>
<i>傾斜文本</i>
8、 擴(kuò)展
<u>文本</u>下劃線
<del>文本</del>刪除線
<s>文本</s>刪除線
<sub></sub>下標(biāo)
<sup></sup>上標(biāo)
9、列表(ul,ol,dl)
HTML中有三種列表分別是：無序列表，有序列表，自定義列表
*無序列表
無序列表組成：
<ul>(unordered list)
<li></li>
<li></li>
．．．．．．
</ul>
*有序列表
有序列表組成：
<ol>(ordered list)
<li></li>
<li></li>
．．．．．．
</ol>
*自定義列表
<dl>(definition list)
<dt>名詞</dt>
<dd>解釋</dd>
(definition description)
．．．．．．
</dl>
知識擴(kuò)展2----有序列表的屬性
1)、type:規(guī)定列表中的列表項目的項目符號的類型
語法：<ol type="a"></ol>
1 數(shù)字順序的有序列表（默認(rèn)值）（1, 2, 3, 4）。
a 字母順序的有序列表，小寫（a, b, c, d）。
A 字母順序的有序列表，大寫（A,B,C,D)
i 羅馬數(shù)字，小寫（i, ii, iii, iv）。
I 羅馬數(shù)字，大寫（I, ii, iii, iv）。
2)、start 屬性規(guī)定有序列表的開始點(diǎn)。
語法：<ol start="5"></ol>
10、插入圖片
<img src="目標(biāo)文件路徑及全稱" alt="圖片替換文本" title="圖片標(biāo)題" width="寬度" height="高度"/>
注:所要插入的圖片必須放在站點(diǎn)下
title的作用:圖片的標(biāo)題； 在你鼠標(biāo)懸停在該圖片上時顯示一個小提示，鼠標(biāo)離開就沒有了，HTML的絕大多數(shù)標(biāo)簽都支持title屬性，title屬性就是專門做提示信息的
alt的作用:提示文本 必寫；alt屬性是在你的圖片因為某種原因不能加載時在頁面顯示的提示信息，它會直接輸出在原本加載圖片的地方。（優(yōu)化圖片的）
*相對路徑的寫法：
1)當(dāng)當(dāng)前文件與目標(biāo)文件在同一目錄下，直接書寫目標(biāo)文件文件名+擴(kuò)展名；<img src=”q12.jpg”/>
2)當(dāng)當(dāng)前文件與目標(biāo)文件所處的文件夾在同一目錄下，寫法如下：
文件夾名/目標(biāo)文件全稱+擴(kuò)展名；<img src=”images/q12.jpg”/>
3)當(dāng)當(dāng)前文件所處的文件夾和目標(biāo)文件所處的文件夾在同一目錄下，寫法如下：
../目標(biāo)文件所處文件夾名/目標(biāo)文件文件名+擴(kuò)展名；
<img src=”../images/q12.jpg”/>
11、超鏈接的應(yīng)用
語法：
<a href="目標(biāo)文件路徑及全稱/連接地址" title="提示文本">鏈接文本/圖片</a>
<a href="#"></a>空鏈接
屬性：target:頁面打開方式，默認(rèn)屬性值_self。
屬性值：_blank 新窗口打開
<a href="#" target="_blank">新頁面打開</a>
12、數(shù)據(jù)表格的作用及組成
作用：顯示數(shù)據(jù)
表格組成
<table width="value" height="value" border="value">
<tr>
<td></td>
<td></td>
</tr>
</table>
注：一個tr表示一行;一個td表示一列(一個單元格)
<th></th>表格的列標(biāo)題
*數(shù)據(jù)表格的相關(guān)屬性
1）width="表格的寬度"
2）height="表格的高度"
3）border="表格的邊框"
4）bgcolor="表格的背景色"
5）bordercolor="表格的邊框顏色"
6）cellspacing="單元格與單元格之間的間距"
7）cellpadding="單元格與內(nèi)容之間的空隙"
8）水平對齊方式：align="left左對齊/center居中/right右對齊";
9) 垂直對齊方式 ：valign="top頂對齊/middle居中/bottom底對齊/baseline(基線);
10)合并單元格屬性：
colspan=“所要合并的單元格的列數(shù)"合并列;
rowspan=“所要合并單元格的行數(shù)”合并行;
13、表單的作用及組成
表單的作用：用來收集用戶的信息的;
表單組成：表單框（表單域form）
提示信息
表單控件/表單元素
1)、表單框
<form name="表單名稱（英文字母開頭的）" method（提交方式）="post/get" action="表單提交的地址"></form>
2）文本框
<input type="text" value="默認(rèn)值" placeholder="提示文本" />
3)密碼框
<input type="password" placeholder="密碼"/>
4)提交按鈕
<input type="submit" value="按鈕內(nèi)容" />
<input type="reset" value="按鈕內(nèi)容"/>重置按鈕
5）單選框/單選按鈕
<input type="radio" name="ral" value="radiovalue"/>
<input type="radio" name="ral" checked="checked" />
單選按鈕里的name屬性必須寫，同一組單選按鈕的name屬性值必須一樣。
6）復(fù)選框
<input type="checkbox" name="like" value="checkboxvalue" />
復(fù)選按鈕里的name屬性必須寫，同一組復(fù)選按鈕的name屬性值必須一樣。
checked="checked"表示默認(rèn)被選中，可簡寫成checked
disabled="disabled"表示禁用，可簡寫成disabled
enabled:可用狀態(tài)
7)下拉菜單
<select name="">
<option name="" value="表單被提交時被發(fā)送到服務(wù)器的值">菜單內(nèi)容</option>
</select>
8）多行文本框（文本域）
<textarea name="textareal" cols="字符寬度" rows="行數(shù)">
</textarea>
9)跳轉(zhuǎn)按鈕
<input name="'" type="button" value=“按鈕內(nèi)容” />
<button></button>
button和submit的區(qū)別是：
submit是提交按鈕起到提交信息的作用，type類型是button只起到跳轉(zhuǎn)的作用，不進(jìn)行提交。
提示信息標(biāo)簽(作用：將提示信息及相應(yīng)的表單控件進(jìn)行關(guān)聯(lián))
<label for="user">提示信息</label>
<input type="text" id="user"/>
擴(kuò)展知識點(diǎn)3：對于不同的輸入類型，value 屬性的用法的意義
value 屬性為 input 元素設(shè)定值。
對于不同的輸入類型，value 屬性的用法也不同：
type="button", "reset", "submit" - 定義按鈕上的顯示的文本
type="text", "password" - 定義輸入字段的初始值
type="checkbox", "radio" - 定義與輸入相關(guān)聯(lián)的值
注釋：<input type="checkbox"> 和 <input type="radio"> 中必須設(shè)置 value 他name屬性。
擴(kuò)展知識點(diǎn)4：
<form name="表單名稱" method="post/get" action=""></form>
Form中的獲取數(shù)據(jù)的兩個方式get和post的區(qū)別？
1. get是從服務(wù)器上獲取數(shù)據(jù)，post是向服務(wù)器傳送數(shù)據(jù)。
2. get是把參數(shù)數(shù)據(jù)隊列加到提交表單的ACTION屬性所指的URL中，值和表單內(nèi)各個字段一一對應(yīng)，在URL中可以看到。post是通過HTTP post機(jī)制，將表單內(nèi)各個字段與其內(nèi)容放置在HTML HEADER內(nèi)一起傳送到ACTION屬性所指的URL地址。用戶看不到這個過程。
3. 對于get方式，服務(wù)器端用Request.QueryString獲取變量的值，對于post方式，服務(wù)器端用Request.Form獲取提交的數(shù)據(jù)。
4. get傳送的數(shù)據(jù)量較小，不能大于2KB。post傳送的數(shù)據(jù)量較大，一般被默認(rèn)為不受限制。
5. get安全性非常低，post安全性較高。但是執(zhí)行效率卻比Post方法好。
建議：
1、get方式的安全性較Post方式要差些，包含機(jī)密信息的話，建議用Post數(shù)據(jù)提交方式；
2、在做數(shù)據(jù)查詢時，建議用Get方式；而在做數(shù)據(jù)添加、修改或刪除時，建議用Post方式；
14、div和span的用法
<div ></div>
沒有具體含義， 除了獨(dú)占一行之外沒有任何其它的默認(rèn)屬性，是頁面布局中常用的標(biāo)簽；
<span> </span>
文本結(jié)點(diǎn)標(biāo)簽
可以是某一小段文本，或是某一個字。 它除了不換行外，沒有任何其它的默認(rèn)屬性；
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
