<meta charset="utf-8">
<meta charset="utf-8">
<article class="_2rhmJa">
瀏覽器
瀏覽器內(nèi)核(了解)
移動(dòng)端的瀏覽器內(nèi)核主要說(shuō)的是系統(tǒng)內(nèi)置瀏覽器的內(nèi)核耕渴。]
Android手機(jī)而言，使用率最高的就是Webkit內(nèi)核齿兔，大部分國(guó)產(chǎn)瀏覽器宣稱(chēng)的自己的內(nèi)核橱脸，基本上也是屬于webkit二次開(kāi)發(fā)。
iOS平臺(tái)上分苇，由于系統(tǒng)原因添诉，系統(tǒng)大部分自帶瀏覽器內(nèi)核，一般是Safari
web標(biāo)準(zhǔn)(有利于瀏覽器生態(tài)發(fā)展)
web標(biāo)準(zhǔn)有三層結(jié)構(gòu)医寿，分別是結(jié)構(gòu)（HTML）栏赴、表現(xiàn)（CSS）和行為（Javascript）
HTML
HTML 指的是超文本標(biāo)記語(yǔ)言 (Hyper Text Markup Language)是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言
- 所謂超文本，有2層含義：因?yàn)樗梢约尤雸D片靖秩、聲音须眷、動(dòng)畫(huà)竖瘾、多媒體等內(nèi)容（超越文本限制) , 不僅如此，它還可以從一個(gè)文件跳轉(zhuǎn)到另一個(gè)文件花颗，與世界各地主機(jī)的文件連接（超級(jí)鏈接文本 ）
HTML 有自己的語(yǔ)言語(yǔ)法骨架格式
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
團(tuán)隊(duì)約定：
HTML標(biāo)簽名捕传、類(lèi)名、標(biāo)簽屬性和大部分屬性值統(tǒng)一用小寫(xiě)
HTML元素標(biāo)簽分類(lèi)
- 常規(guī)元素（雙標(biāo)簽）
<標(biāo)簽名> 內(nèi)容 </標(biāo)簽名> 比如 <body> 我是文字 </body>
- 空元素（單標(biāo)簽）
<標(biāo)簽名 /> 比如 <br />
HTML標(biāo)簽關(guān)系
- 嵌套關(guān)系
<head>
<title> </title>
</head>
- 并列關(guān)系
<head></head>
<body></body>
文檔類(lèi)型<!DOCTYPE>
<!DOCTYPE> 聲明位于文檔中的最前面的位置扩劝，處于 <html> 標(biāo)簽之前庸论。此標(biāo)簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規(guī)范。
- 頁(yè)面語(yǔ)言lang
<html lang="en"> 指定html 語(yǔ)言種類(lèi)
- en定義語(yǔ)言為英語(yǔ)
- zh-CN定義語(yǔ)言為中文
字符集
<meta charset="UTF-8" />
HTML常用標(biāo)簽
首先 HTML和CSS是兩種完全不同的語(yǔ)言棒呛，我們學(xué)的是結(jié)構(gòu)聂示，就只寫(xiě)HTML標(biāo)簽，認(rèn)識(shí)標(biāo)簽就可以了条霜。 不會(huì)再給結(jié)構(gòu)標(biāo)簽指定樣式了催什。
1）標(biāo)題標(biāo)簽h (熟記)
<h1> 標(biāo)題文本 </h1>
<h2> 標(biāo)題文本 </h2>
<h3> 標(biāo)題文本 </h3>
<h4> 標(biāo)題文本 </h4>
<h5> 標(biāo)題文本 </h5>
<h6> 標(biāo)題文本 </h6>
2）段落標(biāo)簽p ( 熟記)
單詞縮寫(xiě)： paragraph 段落 [?p?r?gr?f] 無(wú)須記這個(gè)單詞
可以把 HTML 文檔分割為若干段落
<p> 文本內(nèi)容 </p>
是HTML文檔中最常見(jiàn)的標(biāo)簽涵亏，默認(rèn)情況下宰睡，文本在一個(gè)段落中會(huì)根據(jù)瀏覽器窗口的大小自動(dòng)換行。
3）水平線標(biāo)簽hr(認(rèn)識(shí))
單詞縮寫(xiě)： horizontal 橫線 [?h?r??zɑntl] 同上
<hr />是單標(biāo)簽
4）換行標(biāo)簽br (熟記)
單詞縮寫(xiě)： break 打斷 ,換行
5）div 和 span標(biāo)簽(重點(diǎn))
- div span 是沒(méi)有語(yǔ)義的 是我們網(wǎng)頁(yè)布局主要的2個(gè)盒子 想必你聽(tīng)過(guò) css+div
- div 就是 division 的縮寫(xiě) 分割气筋， 分區(qū)的意思 其實(shí)有很多div 來(lái)組合網(wǎng)頁(yè)拆内。
- span 跨度，跨距宠默；范圍
<div> 這是頭部 </div> <span>今日價(jià)格</span>
他們兩個(gè)都是盒子麸恍，用來(lái)裝我們網(wǎng)頁(yè)元素的， 只不過(guò)他們有區(qū)別搀矫，現(xiàn)在我們主要記住使用方法和特點(diǎn)就好了
div標(biāo)簽 用來(lái)布局的抹沪，但是現(xiàn)在一行只能放一個(gè)div
-
span標(biāo)簽 用來(lái)布局的，一行上可以放好多個(gè)span
image
文本格式化標(biāo)簽(熟記)
標(biāo)簽屬性
所謂屬性就是外在特性 比如 手機(jī)的顏色 手機(jī)的尺寸 瓤球，總結(jié)就是手機(jī)的融欧。
使用HTML制作網(wǎng)頁(yè)時(shí)，如果想讓HTML標(biāo)簽提供更多的信息卦羡，可以使用HTML標(biāo)簽的屬性加以設(shè)置噪馏。其基本語(yǔ)法格式如下：
<標(biāo)簽名 屬性1="屬性值1" 屬性2="屬性值2" …> 內(nèi)容 </標(biāo)簽名>
<手機(jī) 顏色="紅色" 大小="5寸"> </手機(jī)>
圖像標(biāo)簽img (重點(diǎn))
要想在網(wǎng)頁(yè)中顯示圖像就需要使用圖像標(biāo)簽，接下來(lái)將詳細(xì)介紹圖像標(biāo)簽<img />以及和他相關(guān)的屬性绿饵。（它是一個(gè)單身狗）
語(yǔ)法如下：
<img src="圖像URL" />
鏈接標(biāo)簽(重點(diǎn))
單詞縮寫(xiě)： anchor 的縮寫(xiě) [???k?(r)] 欠肾。基本解釋 錨, 鐵錨 的
在HTML中創(chuàng)建超鏈接非常簡(jiǎn)單拟赊，只需用標(biāo)簽把文字包括起來(lái)就好刺桃。
語(yǔ)法格式：
<a href="跳轉(zhuǎn)目標(biāo)" >文本或圖像</a>
注釋標(biāo)簽
<!-- 注釋語(yǔ)句 --> 快捷鍵是： ctrl + / 或者 ctrl +shift + /
特殊字符 （理解）
一些特殊的符號(hào)，我們?cè)賖tml 里面很難或者 不方便直接 使用吸祟， 我們此時(shí)可以使用下面的替代代碼虏肾。
三個(gè)表
表格 table(會(huì)使用)
- 創(chuàng)建表格
在HTML網(wǎng)頁(yè)中廓啊，要想創(chuàng)建表格，就需要使用表格相關(guān)的標(biāo)簽
<table>
<tr>
<td>單元格內(nèi)的文字</td>
...
</tr>
...
</table>
- table用于定義一個(gè)表格標(biāo)簽封豪。
- tr標(biāo)簽 用于定義表格中的行谴轮，必須嵌套在 table標(biāo)簽中。
- td 用于定義表格中的單元格吹埠，必須嵌套在<tr></tr>標(biāo)簽中第步。
- 字母 td 指表格數(shù)據(jù)（table data），即數(shù)據(jù)單元格的內(nèi)容缘琅，現(xiàn)在我們明白粘都，表格最合適的地方就是用來(lái)存儲(chǔ)數(shù)據(jù)的
<!--align="center"--> 表格居中
<table width="500" border="1" height ="300" cellpadding="30" cellspacing="0" align="center">
<tr>
<th>英雄</th>
<th>價(jià)格</th>
<th>皮膚數(shù)量</th>
</tr>
<tr>
<td>安琪拉</td>
<td>13800</td>
<td>5</td>
</tr>
<tr>
<td>后羿</td>
<td>8888</td>
<td>4</td>
</tr>
<tr>
<td>韓信</td>
<td>水晶獲取</td>
<td>2</td>
</tr>
</table>
列表標(biāo)簽（重點(diǎn)）
- 無(wú)序列表ul
<ul>
<li>列表項(xiàng)1</li>
<li>列表項(xiàng)2</li>
<li>列表項(xiàng)3</li>
......
</ul>
- <ul></ul>中只能嵌套<li></li>，直接在<ul></ul>標(biāo)簽中輸入其他標(biāo)簽或者文字的做法是不被允許的刷袍。
- <li>與</li>之間相當(dāng)于一個(gè)容器翩隧，可以容納所有元素。
- 無(wú)序列表會(huì)帶有自己樣式屬性呻纹，放下那個(gè)樣式堆生，一會(huì)讓CSS來(lái)！
有序列表 ol （了解）
<ol>
<li>列表項(xiàng)1</li>
<li>列表項(xiàng)2</li>
<li>列表項(xiàng)3</li>
......
</ol>
表單標(biāo)簽(掌握)
input 控件(重點(diǎn))
<input type="屬性值" value="你好">
- input 輸入的意思
- <input /標(biāo)簽為單標(biāo)簽
- type屬性設(shè)置不同的屬性值用來(lái)指定不同的控件類(lèi)型
- 除了type屬性還有別的屬性
- type 屬性
- 這個(gè)屬性通過(guò)改變值雷酪，可以決定了你屬于那種input表單淑仆。
- 比如 type = 'text' 就表示 文本框 可以做 用戶名， 昵稱(chēng)等哥力。
- 比如 type = 'password' 就是表示密碼框 用戶輸入的內(nèi)容 是不可見(jiàn)的
- value屬性 值
用戶名:<input type="text" name="username" value="請(qǐng)輸入用戶名">
value 默認(rèn)的文本值蔗怠。 有些表單想剛打開(kāi)頁(yè)面就默認(rèn)顯示幾個(gè)文字，就可以通過(guò)這個(gè)value 來(lái)設(shè)置吩跋。
- name屬性
用戶名:<input type="text" name=“username” />
name表單的名字寞射， 這樣，后臺(tái)可以通過(guò)這個(gè)name屬性找到這個(gè)表單锌钮。 頁(yè)面中的表單很多桥温，name主要作用就是用于區(qū)別不同的表單。
name屬性后面的值轧粟，是我們自己定義的策治。
radio 如果是一組，我們必須給他們命名相同的名字 name 這樣就可以多個(gè)選其中的一個(gè)啦
name屬性兰吟，我們現(xiàn)在用的較少通惫， 但是，當(dāng)我們學(xué)ajax 和后臺(tái)的時(shí)候混蔼，是必須的履腋。
- checked屬性
表示默認(rèn)選中狀態(tài)。 較常見(jiàn)于 單選按鈕和復(fù)選按鈕。
性 別:
<input type="radio" name="sex" value="男" checked="checked" />男
<input type="radio" name="sex" value="女" />女
label標(biāo)簽(理解)
目標(biāo)：label標(biāo)簽主要目的是為了提高用戶體驗(yàn)遵湖。 為用戶提高最優(yōu)秀的服務(wù)悔政。
概念： label 標(biāo)簽為 input 元素定義標(biāo)注（標(biāo)簽）。
作用： 用于綁定一個(gè)表單元素, 當(dāng)點(diǎn)擊label標(biāo)簽的時(shí)候, 被綁定的表單元素就會(huì)獲得輸入焦點(diǎn)延旧。
如何綁定元素呢谋国？
- 第一種用法就是用label直接包括input表單。
<label >請(qǐng)選擇性別 <input type="radio" name="gender" > 男
<input type="radio" name="gender" checked="checked"> 女</label>
第二種用法 for 屬性規(guī)定 label 與哪個(gè)表單元素綁定迁沫。
<label for="gender"> <input type="radio" name="gender" > 男
<input type="radio" name="gender" checked="checked" id="gender"> 女</label>
當(dāng)我們鼠標(biāo)點(diǎn)擊 label標(biāo)簽里面的文字時(shí)芦瘾， 光標(biāo)會(huì)定位到指定的表單里面
textarea控件(文本域)
<textarea >
文本內(nèi)容
</textarea
作用：
通過(guò)textarea控件可以輕松地創(chuàng)建多行文本輸入框.
cols="每行中的字符數(shù)" rows="顯示的行數(shù)" 我們實(shí)際開(kāi)發(fā)不用
select下拉列表
<select name="" id="">
<option value="">黑龍江</option>
<option value="">吉林</option>
<option value="">遼寧</option>
</select>
- 注意：
- select 中至少包含一對(duì) option
- 在option 中定義selected =" selected "時(shí)，當(dāng)前項(xiàng)即為默認(rèn)選中項(xiàng)集畅。
- 但是我們實(shí)際開(kāi)發(fā)會(huì)用的比較少
form表單域
目的：在HTML中近弟，form標(biāo)簽被用于定義表單域，以實(shí)現(xiàn)用戶信息的收集和傳遞挺智，form中的所有內(nèi)容都會(huì)被提交給服務(wù)器祷愉。
<form action="url地址" method="提交方式" name="表單名稱(chēng)">
各種表單控件
</form>
綜合案例（世紀(jì)佳緣注冊(cè)頁(yè)面）
</article>
2人點(diǎn)贊
作者：method
鏈接：http://www.reibang.com/p/bb7cee0749fb
來(lái)源：簡(jiǎn)書(shū)
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)赦颇，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處二鳄。
<article class="_2rhmJa">
瀏覽器
瀏覽器內(nèi)核(了解)
移動(dòng)端的瀏覽器內(nèi)核主要說(shuō)的是系統(tǒng)內(nèi)置瀏覽器的內(nèi)核。]
Android手機(jī)而言沐扳，使用率最高的就是Webkit內(nèi)核泥从，大部分國(guó)產(chǎn)瀏覽器宣稱(chēng)的自己的內(nèi)核句占，基本上也是屬于webkit二次開(kāi)發(fā)沪摄。
iOS平臺(tái)上，由于系統(tǒng)原因纱烘，系統(tǒng)大部分自帶瀏覽器內(nèi)核杨拐，一般是Safari
web標(biāo)準(zhǔn)(有利于瀏覽器生態(tài)發(fā)展)
web標(biāo)準(zhǔn)有三層結(jié)構(gòu)，分別是結(jié)構(gòu)（HTML）擂啥、表現(xiàn)（CSS）和行為（Javascript）
HTML
HTML 指的是超文本標(biāo)記語(yǔ)言 (Hyper Text Markup Language)是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言
- 所謂超文本哄陶，有2層含義：因?yàn)樗梢约尤雸D片、聲音哺壶、動(dòng)畫(huà)屋吨、多媒體等內(nèi)容（超越文本限制) , 不僅如此，它還可以從一個(gè)文件跳轉(zhuǎn)到另一個(gè)文件山宾，與世界各地主機(jī)的文件連接（超級(jí)鏈接文本 ）
HTML 有自己的語(yǔ)言語(yǔ)法骨架格式
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
團(tuán)隊(duì)約定：
HTML標(biāo)簽名至扰、類(lèi)名、標(biāo)簽屬性和大部分屬性值統(tǒng)一用小寫(xiě)
HTML元素標(biāo)簽分類(lèi)
- 常規(guī)元素（雙標(biāo)簽）
<標(biāo)簽名> 內(nèi)容 </標(biāo)簽名> 比如 <body> 我是文字 </body>
- 空元素（單標(biāo)簽）
<標(biāo)簽名 /> 比如 <br />
HTML標(biāo)簽關(guān)系
- 嵌套關(guān)系
<head>
<title> </title>
</head>
- 并列關(guān)系
<head></head>
<body></body>
文檔類(lèi)型<!DOCTYPE>
<!DOCTYPE> 聲明位于文檔中的最前面的位置资锰，處于 <html> 標(biāo)簽之前敢课。此標(biāo)簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規(guī)范。
- 頁(yè)面語(yǔ)言lang
<html lang="en"> 指定html 語(yǔ)言種類(lèi)
- en定義語(yǔ)言為英語(yǔ)
- zh-CN定義語(yǔ)言為中文
字符集
<meta charset="UTF-8" />
HTML常用標(biāo)簽
首先 HTML和CSS是兩種完全不同的語(yǔ)言，我們學(xué)的是結(jié)構(gòu)直秆，就只寫(xiě)HTML標(biāo)簽濒募，認(rèn)識(shí)標(biāo)簽就可以了。 不會(huì)再給結(jié)構(gòu)標(biāo)簽指定樣式了圾结。
1）標(biāo)題標(biāo)簽h (熟記)
<h1> 標(biāo)題文本 </h1>
<h2> 標(biāo)題文本 </h2>
<h3> 標(biāo)題文本 </h3>
<h4> 標(biāo)題文本 </h4>
<h5> 標(biāo)題文本 </h5>
<h6> 標(biāo)題文本 </h6>
2）段落標(biāo)簽p ( 熟記)
單詞縮寫(xiě)： paragraph 段落 [?p?r?gr?f] 無(wú)須記這個(gè)單詞
可以把 HTML 文檔分割為若干段落
<p> 文本內(nèi)容 </p>
是HTML文檔中最常見(jiàn)的標(biāo)簽瑰剃，默認(rèn)情況下，文本在一個(gè)段落中會(huì)根據(jù)瀏覽器窗口的大小自動(dòng)換行筝野。
3）水平線標(biāo)簽hr(認(rèn)識(shí))
單詞縮寫(xiě)： horizontal 橫線 [?h?r??zɑntl] 同上
<hr />是單標(biāo)簽
4）換行標(biāo)簽br (熟記)
單詞縮寫(xiě)： break 打斷 ,換行
5）div 和 span標(biāo)簽(重點(diǎn))
- div span 是沒(méi)有語(yǔ)義的 是我們網(wǎng)頁(yè)布局主要的2個(gè)盒子 想必你聽(tīng)過(guò) css+div
- div 就是 division 的縮寫(xiě) 分割培他， 分區(qū)的意思 其實(shí)有很多div 來(lái)組合網(wǎng)頁(yè)。
- span 跨度遗座，跨距舀凛；范圍
<div> 這是頭部 </div> <span>今日價(jià)格</span>
他們兩個(gè)都是盒子，用來(lái)裝我們網(wǎng)頁(yè)元素的途蒋， 只不過(guò)他們有區(qū)別猛遍，現(xiàn)在我們主要記住使用方法和特點(diǎn)就好了
div標(biāo)簽 用來(lái)布局的，但是現(xiàn)在一行只能放一個(gè)div
-
span標(biāo)簽 用來(lái)布局的号坡，一行上可以放好多個(gè)span
image
文本格式化標(biāo)簽(熟記)
標(biāo)簽屬性
所謂屬性就是外在特性 比如 手機(jī)的顏色 手機(jī)的尺寸 懊烤，總結(jié)就是手機(jī)的。
使用HTML制作網(wǎng)頁(yè)時(shí)宽堆，如果想讓HTML標(biāo)簽提供更多的信息腌紧，可以使用HTML標(biāo)簽的屬性加以設(shè)置。其基本語(yǔ)法格式如下：
<標(biāo)簽名 屬性1="屬性值1" 屬性2="屬性值2" …> 內(nèi)容 </標(biāo)簽名>
<手機(jī) 顏色="紅色" 大小="5寸"> </手機(jī)>
圖像標(biāo)簽img (重點(diǎn))
要想在網(wǎng)頁(yè)中顯示圖像就需要使用圖像標(biāo)簽畜隶，接下來(lái)將詳細(xì)介紹圖像標(biāo)簽<img />以及和他相關(guān)的屬性壁肋。（它是一個(gè)單身狗）
語(yǔ)法如下：
<img src="圖像URL" />
鏈接標(biāo)簽(重點(diǎn))
單詞縮寫(xiě)： anchor 的縮寫(xiě) [???k?(r)] ∽崖基本解釋 錨, 鐵錨 的
在HTML中創(chuàng)建超鏈接非常簡(jiǎn)單浸遗，只需用標(biāo)簽把文字包括起來(lái)就好。
語(yǔ)法格式：
<a href="跳轉(zhuǎn)目標(biāo)" >文本或圖像</a>
注釋標(biāo)簽
<!-- 注釋語(yǔ)句 --> 快捷鍵是： ctrl + / 或者 ctrl +shift + /
特殊字符 （理解）
一些特殊的符號(hào)箱亿，我們?cè)賖tml 里面很難或者 不方便直接 使用跛锌， 我們此時(shí)可以使用下面的替代代碼。
三個(gè)表
表格 table(會(huì)使用)
- 創(chuàng)建表格
在HTML網(wǎng)頁(yè)中届惋，要想創(chuàng)建表格髓帽，就需要使用表格相關(guān)的標(biāo)簽
<table>
<tr>
<td>單元格內(nèi)的文字</td>
...
</tr>
...
</table>
- table用于定義一個(gè)表格標(biāo)簽。
- tr標(biāo)簽 用于定義表格中的行脑豹，必須嵌套在 table標(biāo)簽中郑藏。
- td 用于定義表格中的單元格，必須嵌套在<tr></tr>標(biāo)簽中晨缴。
- 字母 td 指表格數(shù)據(jù)（table data）译秦，即數(shù)據(jù)單元格的內(nèi)容，現(xiàn)在我們明白，表格最合適的地方就是用來(lái)存儲(chǔ)數(shù)據(jù)的
<!--align="center"--> 表格居中
<table width="500" border="1" height ="300" cellpadding="30" cellspacing="0" align="center">
<tr>
<th>英雄</th>
<th>價(jià)格</th>
<th>皮膚數(shù)量</th>
</tr>
<tr>
<td>安琪拉</td>
<td>13800</td>
<td>5</td>
</tr>
<tr>
<td>后羿</td>
<td>8888</td>
<td>4</td>
</tr>
<tr>
<td>韓信</td>
<td>水晶獲取</td>
<td>2</td>
</tr>
</table>
列表標(biāo)簽（重點(diǎn)）
- 無(wú)序列表ul
<ul>
<li>列表項(xiàng)1</li>
<li>列表項(xiàng)2</li>
<li>列表項(xiàng)3</li>
......
</ul>
- <ul></ul>中只能嵌套<li></li>筑悴，直接在<ul></ul>標(biāo)簽中輸入其他標(biāo)簽或者文字的做法是不被允許的们拙。
- <li>與</li>之間相當(dāng)于一個(gè)容器，可以容納所有元素阁吝。
- 無(wú)序列表會(huì)帶有自己樣式屬性砚婆，放下那個(gè)樣式，一會(huì)讓CSS來(lái)突勇！
有序列表 ol （了解）
<ol>
<li>列表項(xiàng)1</li>
<li>列表項(xiàng)2</li>
<li>列表項(xiàng)3</li>
......
</ol>
表單標(biāo)簽(掌握)
input 控件(重點(diǎn))
<input type="屬性值" value="你好">
- input 輸入的意思
- <input /標(biāo)簽為單標(biāo)簽
- type屬性設(shè)置不同的屬性值用來(lái)指定不同的控件類(lèi)型
- 除了type屬性還有別的屬性
- type 屬性
- 這個(gè)屬性通過(guò)改變值装盯，可以決定了你屬于那種input表單。
- 比如 type = 'text' 就表示 文本框 可以做 用戶名甲馋， 昵稱(chēng)等埂奈。
- 比如 type = 'password' 就是表示密碼框 用戶輸入的內(nèi)容 是不可見(jiàn)的
- value屬性 值
用戶名:<input type="text" name="username" value="請(qǐng)輸入用戶名">
value 默認(rèn)的文本值。 有些表單想剛打開(kāi)頁(yè)面就默認(rèn)顯示幾個(gè)文字定躏，就可以通過(guò)這個(gè)value 來(lái)設(shè)置账磺。
- name屬性
用戶名:<input type="text" name=“username” />
name表單的名字， 這樣痊远，后臺(tái)可以通過(guò)這個(gè)name屬性找到這個(gè)表單垮抗。 頁(yè)面中的表單很多，name主要作用就是用于區(qū)別不同的表單碧聪。
name屬性后面的值冒版，是我們自己定義的。
radio 如果是一組逞姿，我們必須給他們命名相同的名字 name 這樣就可以多個(gè)選其中的一個(gè)啦
name屬性辞嗡，我們現(xiàn)在用的較少， 但是哼凯，當(dāng)我們學(xué)ajax 和后臺(tái)的時(shí)候欲间，是必須的楚里。
- checked屬性
表示默認(rèn)選中狀態(tài)断部。 較常見(jiàn)于 單選按鈕和復(fù)選按鈕。
性 別:
<input type="radio" name="sex" value="男" checked="checked" />男
<input type="radio" name="sex" value="女" />女
label標(biāo)簽(理解)
目標(biāo)：label標(biāo)簽主要目的是為了提高用戶體驗(yàn)班缎。 為用戶提高最優(yōu)秀的服務(wù)蝴光。
概念： label 標(biāo)簽為 input 元素定義標(biāo)注（標(biāo)簽）。
作用： 用于綁定一個(gè)表單元素, 當(dāng)點(diǎn)擊label標(biāo)簽的時(shí)候, 被綁定的表單元素就會(huì)獲得輸入焦點(diǎn)达址。
如何綁定元素呢蔑祟？
- 第一種用法就是用label直接包括input表單。
<label >請(qǐng)選擇性別 <input type="radio" name="gender" > 男
<input type="radio" name="gender" checked="checked"> 女</label>
第二種用法 for 屬性規(guī)定 label 與哪個(gè)表單元素綁定沉唠。
<label for="gender"> <input type="radio" name="gender" > 男
<input type="radio" name="gender" checked="checked" id="gender"> 女</label>
當(dāng)我們鼠標(biāo)點(diǎn)擊 label標(biāo)簽里面的文字時(shí)疆虚， 光標(biāo)會(huì)定位到指定的表單里面
textarea控件(文本域)
<textarea >
文本內(nèi)容
</textarea
作用：
通過(guò)textarea控件可以輕松地創(chuàng)建多行文本輸入框.
cols="每行中的字符數(shù)" rows="顯示的行數(shù)" 我們實(shí)際開(kāi)發(fā)不用
select下拉列表
<select name="" id="">
<option value="">黑龍江</option>
<option value="">吉林</option>
<option value="">遼寧</option>
</select>
- 注意：
- select 中至少包含一對(duì) option
- 在option 中定義selected =" selected "時(shí)，當(dāng)前項(xiàng)即為默認(rèn)選中項(xiàng)。
- 但是我們實(shí)際開(kāi)發(fā)會(huì)用的比較少
form表單域
目的：在HTML中径簿，form標(biāo)簽被用于定義表單域罢屈，以實(shí)現(xiàn)用戶信息的收集和傳遞，form中的所有內(nèi)容都會(huì)被提交給服務(wù)器篇亭。
<form action="url地址" method="提交方式" name="表單名稱(chēng)">
各種表單控件
</form>
綜合案例（世紀(jì)佳緣注冊(cè)頁(yè)面）
</article>
2人點(diǎn)贊
作者：method
鏈接：http://www.reibang.com/p/bb7cee0749fb
來(lái)源：簡(jiǎn)書(shū)
著作權(quán)歸作者所有缠捌。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處译蒂。
