HTML5中常用標(biāo)簽的使用單元2目錄02使用<a>標(biāo)簽實(shí)現(xiàn)超鏈接03使用<a>標(biāo)簽實(shí)現(xiàn)錨點(diǎn)鏈接01使用<marquee>標(biāo)簽制作滾動(dòng)字幕04使用文本類標(biāo)簽實(shí)現(xiàn)頁(yè)面文本的顯示05使用文本格式類屬性實(shí)現(xiàn)頁(yè)面文本特殊顯示效果06使用轉(zhuǎn)義字符顯示特殊符號(hào)07使用圖像類標(biāo)簽顯示圖像及圖像映射08<iframe>標(biāo)簽使用09多媒體標(biāo)簽使用10表單的簡(jiǎn)單應(yīng)用11表單格式驗(yàn)證2-1HTML5+CSS3網(wǎng)頁(yè)設(shè)計(jì)任務(wù)教程（第二版）使用<marquee>標(biāo)簽制作滾動(dòng)字幕任務(wù)2-1使用<marquee>標(biāo)簽制作滾動(dòng)字幕<marquee>標(biāo)簽的語(yǔ)法結(jié)構(gòu)如下：<marqueeA屬性=”A值”B屬性=”B值”C屬性=”C值”>...</marquee><marquee>標(biāo)簽常用屬性：1、behavior：設(shè)置文本在marquee元素內(nèi)如何滾動(dòng)。2、bgcolor：可以通過(guò)顏色名稱或十六進(jìn)制設(shè)置背景顏色。3、direction：設(shè)置<marquee>標(biāo)簽內(nèi)文本滾動(dòng)的方向。4、height：以像素（px）或者百分比值設(shè)置高度。5、width：以像素（px）或者百分比值設(shè)置寬度。6、scrollamount：設(shè)定活動(dòng)字幕的滾動(dòng)速度。7、onMouseOut=“this.start();”：用來(lái)設(shè)置鼠標(biāo)移出該區(qū)域時(shí)繼續(xù)滾動(dòng)。8、onMouseOver=“this.stop();”：用來(lái)設(shè)置鼠標(biāo)移入該區(qū)域時(shí)停止?jié)L動(dòng)。任務(wù)2-1使用<marquee>標(biāo)簽制作滾動(dòng)字幕HTML標(biāo)簽可以擁有屬性。屬性提供了有關(guān)HTML元素的更多的信息。屬性總是以名稱/值對(duì)的形式出現(xiàn)，比如：name="value"。屬性總是在HTML元素的開(kāi)始標(biāo)簽中規(guī)定。2-2HTML5+CSS3網(wǎng)頁(yè)設(shè)計(jì)任務(wù)教程（第二版）使用<a>標(biāo)簽實(shí)現(xiàn)超鏈接任務(wù)2-2使用<a>標(biāo)簽實(shí)現(xiàn)超鏈接任務(wù)2-2使用<a>標(biāo)簽實(shí)現(xiàn)超鏈接<a>標(biāo)簽定義超鏈接，用于從一個(gè)頁(yè)面鏈接到另一個(gè)頁(yè)面，其語(yǔ)法結(jié)構(gòu)如下：<a屬性設(shè)置>...</a>href屬性指示鏈接的目標(biāo)，鏈接目標(biāo)可以是網(wǎng)址，也可以是文件路徑，還可以是空（使用“###”表示，如果使用“#”則會(huì)跳到當(dāng)前網(wǎng)頁(yè)的頭部），href屬性必不可少。target屬性值可以為：_blank（在新空白窗口中打開(kāi)鏈接），_parent（在當(dāng)前窗口的上一層里打開(kāi)鏈接），_self（在當(dāng)前窗口中打開(kāi)鏈接），_top（在頂層框架中打開(kāi)鏈接）。2-3HTML5+CSS3網(wǎng)頁(yè)設(shè)計(jì)任務(wù)教程（第二版）使用<a>標(biāo)簽實(shí)現(xiàn)錨點(diǎn)鏈接任務(wù)2-2使用<a>標(biāo)簽實(shí)現(xiàn)錨點(diǎn)鏈接任務(wù)2-3使用<a>標(biāo)簽實(shí)現(xiàn)錨點(diǎn)鏈接錨點(diǎn)鏈接是指在同一個(gè)頁(yè)面跳轉(zhuǎn)到指定位置的方式，類似于word的目錄，點(diǎn)擊目錄可以跳轉(zhuǎn)到內(nèi)容處。此種方式是超鏈接的一種特殊方式，仍然使用<a>標(biāo)簽來(lái)實(shí)現(xiàn)。在HTML5規(guī)范中實(shí)現(xiàn)這種功能要利用標(biāo)簽的ID屬性值進(jìn)行頁(yè)面內(nèi)跳轉(zhuǎn)。例如：<ahref=”#mark”>頁(yè)面內(nèi)鏈接</a>…………<pid=”mark”>目標(biāo)</p>因?yàn)镮D在同一個(gè)HTML頁(yè)面中是唯一的，適合用于錨點(diǎn)連接。2-4HTML5+CSS3網(wǎng)頁(yè)設(shè)計(jì)任務(wù)教程（第二版）使用文本類標(biāo)簽實(shí)現(xiàn)頁(yè)面文本的顯示任務(wù)2-4使用文本類標(biāo)簽實(shí)現(xiàn)頁(yè)面文本的顯示1<div>標(biāo)簽與<p>標(biāo)簽的區(qū)別<ul>、<ol>標(biāo)簽的使用<div>、<span>標(biāo)簽的使用<i>、<em>、<b>、<strong>標(biāo)簽的使用<h>、<p>、<br>標(biāo)簽的使用2354任務(wù)2-4

使用文本類標(biāo)簽實(shí)現(xiàn)頁(yè)面文本的顯示

〓<h>、<p>、<br>標(biāo)簽1、HTML

中提供了從<h1>到<h6>六個(gè)級(jí)別的標(biāo)題標(biāo)簽，<h1>標(biāo)簽的級(jí)別最高，<h6>標(biāo)簽的級(jí)別最低，通過(guò)這些標(biāo)簽可以定義網(wǎng)頁(yè)中的標(biāo)題（與

word

中的標(biāo)題類似），合理使用標(biāo)題可以使網(wǎng)頁(yè)的層次結(jié)構(gòu)更加清晰。2、<p>標(biāo)簽用于在HTML文檔里定義一個(gè)段落。瀏覽器在顯示<p>段落時(shí)，將在其前后分別插入一個(gè)空白行。這些空白是由瀏覽器在呈現(xiàn)網(wǎng)頁(yè)時(shí)自動(dòng)加入的，你也可以用樣式表來(lái)指定顯示多少空白。3、<br>

可插入一個(gè)簡(jiǎn)單的換行符。<br>

標(biāo)簽是空標(biāo)簽（意味著它沒(méi)有結(jié)束標(biāo)簽，因此這是錯(cuò)誤的：<br></br>）。在

XHTML

中，把結(jié)束標(biāo)簽放在開(kāi)始標(biāo)簽中，也就是

<br

/>。請(qǐng)注意，<br>

標(biāo)簽只是簡(jiǎn)單地開(kāi)始新的一行，而當(dāng)瀏覽器遇到

<p>

標(biāo)簽時(shí)，通常會(huì)在相鄰的段落之間插入一些垂直的間距。任務(wù)2-4

使用文本類標(biāo)簽實(shí)現(xiàn)頁(yè)面文本的顯示

〓<h>、<p>、<br>標(biāo)簽任務(wù)2-4

使用文本類標(biāo)簽實(shí)現(xiàn)頁(yè)面文本的顯示

〓<i><em><b><strong>標(biāo)簽任務(wù)2-4

使用文本類標(biāo)簽實(shí)現(xiàn)頁(yè)面文本的顯示

〓<i><em><b><strong>標(biāo)簽1、<i>標(biāo)簽的作用是給元素文本添加斜體樣式；在html里添加i標(biāo)簽后，瀏覽器會(huì)將包含在i標(biāo)簽中的文本以斜體字（italic）或者傾斜（oblique）字體顯示。2、<em>標(biāo)簽告訴瀏覽器把其中的文本表示為強(qiáng)調(diào)的內(nèi)容。對(duì)于所有瀏覽器來(lái)說(shuō)，這意味著要把這段文字用斜體來(lái)顯示。3、<b>元素以粗體標(biāo)記要強(qiáng)調(diào)的文本。對(duì)于所有瀏覽器來(lái)說(shuō)，這意味著要把這段文字以加粗（粗體）樣式方式顯示。4、<strong>標(biāo)簽是一個(gè)短語(yǔ)標(biāo)簽，用于表示瀏覽器上文檔的重要文本。任務(wù)2-4

使用文本類標(biāo)簽實(shí)現(xiàn)頁(yè)面文本的顯示

〓<div>、<span>標(biāo)簽任務(wù)2-4

使用文本類標(biāo)簽實(shí)現(xiàn)頁(yè)面文本的顯示

〓<div>、<span>標(biāo)簽1、<div>標(biāo)簽可定義文檔中的分區(qū)或節(jié)，可以把文檔分割為獨(dú)立的、不同的部分。<span>標(biāo)簽是超文本標(biāo)記語(yǔ)言（HTML）的行內(nèi)標(biāo)簽，被用來(lái)組合文檔中的行內(nèi)元素。<span>在行內(nèi)定義一個(gè)區(qū)域，也就是一行內(nèi)可以被<span>劃分成好幾個(gè)區(qū)域，從而實(shí)現(xiàn)某種特定效果。2、<span>元素寬度是被包圍的內(nèi)容寬度決定，不建議給span設(shè)置寬度屬性width，可以給<span>設(shè)置margin值，設(shè)置與父元素之前的距離。3、<span>可以通過(guò)CSS聲明（display:block）轉(zhuǎn)換為塊元素，想對(duì)一行中的文字或圖片單獨(dú)設(shè)置樣式，而又由不需要換行的條件下又不影響其他行內(nèi)其他內(nèi)容，<span>可以很好解決這些問(wèn)題。任務(wù)2-4

使用文本類標(biāo)簽實(shí)現(xiàn)頁(yè)面文本的顯示

〓<div>標(biāo)簽與<p>標(biāo)簽1、結(jié)構(gòu)差距<div>與<p>均是一對(duì)最先與閉合標(biāo)簽。<div>以<div>最先，以</div>結(jié)束的一對(duì)標(biāo)簽。<p>以<p>開(kāi)端，以</p>完結(jié)的一對(duì)標(biāo)簽。2、稱謂分歧<div>是布局框架標(biāo)簽，<p>是段落標(biāo)簽，布局文章標(biāo)簽。3、<div>與<p>基本CSS屬性<div>與<p>均獨(dú)占一行的塊元素標(biāo)簽，<p>自帶有不一定margin-top和margin-bottom屬性值，而<div>兩個(gè)屬性值為0，也便是兩個(gè)<p>之間有間距，而<div>沒(méi)有。4、框架結(jié)構(gòu)在結(jié)構(gòu)HTML重構(gòu)時(shí)分，<div>首要用于布局框架，大小結(jié)構(gòu)結(jié)構(gòu)均使用<div>來(lái)布局。任務(wù)2-4

使用文本類標(biāo)簽實(shí)現(xiàn)頁(yè)面文本的顯示

〓<div>標(biāo)簽與<p>標(biāo)簽任務(wù)2-4

使用文本類標(biāo)簽實(shí)現(xiàn)頁(yè)面文本的顯示

〓<ul>、<ol>標(biāo)簽<ul>是無(wú)序列表，全稱是unordered

list，先來(lái)個(gè)例子：

●張三

●李四

●王二●劉五

<ol>是有序列表

,全稱是ordered

list，同樣舉個(gè)例子：

1、張三2、李四3、王二4、劉五任務(wù)2-4

使用文本類標(biāo)簽實(shí)現(xiàn)頁(yè)面文本的顯示

〓<ul>、<ol>標(biāo)簽<ul>與<ol>前的符號(hào)是可以修改的。只需要修改它們的type值。

<ul>的type屬性有：disc—實(shí)心圓(默認(rèn)）、circle—空心圓、square—實(shí)心方塊

<ol>的type屬性有：1—數(shù)字（默認(rèn)）、a—小寫字母、A—大寫字母、i—小寫希臘字母、I—大寫希臘字母。start屬性，屬性值是數(shù)字，表示第一個(gè)列表項(xiàng)的起始值。任務(wù)2-4使用文本類標(biāo)簽實(shí)現(xiàn)頁(yè)面文本的顯示2-5HTML5+CSS3網(wǎng)頁(yè)設(shè)計(jì)任務(wù)教程（第二版）使用文本格式類屬性實(shí)現(xiàn)頁(yè)面文本特殊顯示效果任務(wù)2-5使用文本格式類屬性實(shí)現(xiàn)頁(yè)面文本特殊顯示效果1、word-spacing是單詞間隔屬性，表示單詞之間所添加的空白間隔的長(zhǎng)度，但對(duì)于中文無(wú)效。2、letter-spacing是字符間隔屬性，表示字符之間所添加的空白間隔的長(zhǎng)度，對(duì)于英文文本就是字母之間，對(duì)于中文文本就是每個(gè)漢字之間。這兩個(gè)屬性必須放在樣式屬性style中或是在樣式表文件中進(jìn)行設(shè)置。任務(wù)2-5使用文本格式類屬性實(shí)現(xiàn)頁(yè)面文本特殊顯示效果任務(wù)2-5使用文本格式類屬性實(shí)現(xiàn)頁(yè)面文本特殊顯示效果1、text-decoration屬性是以下三種屬性的簡(jiǎn)寫：text-decoration-line屬性規(guī)定文本修飾要使用的線條類型。text-decoration-color屬性規(guī)定文本修飾的顏色。text-decoration-style屬性設(shè)置文本裝飾的類型（實(shí)線、波浪線、點(diǎn)線、虛線、雙線）。text-decoration:overline;上劃線。text-decoration:line-through;刪除線。text-decoration:underline;下劃線。2、text-indent屬性規(guī)定文本塊中首行文本的縮進(jìn)，允許使用負(fù)值。如果使用負(fù)

值，那么首行會(huì)被縮進(jìn)到左邊。2em代表兩個(gè)字符的大小。任務(wù)2-5使用文本格式類屬性實(shí)現(xiàn)頁(yè)面文本特殊顯示效果2-6HTML5+CSS3網(wǎng)頁(yè)設(shè)計(jì)任務(wù)教程（第二版）使用轉(zhuǎn)義字符顯示特殊符號(hào)任務(wù)2-6使用轉(zhuǎn)義字符顯示特殊符號(hào)對(duì)于HTML代碼而言，有些字符具有特別的含義，比如說(shuō)“<”和“>”這兩個(gè)符號(hào)，根據(jù)前面所學(xué)知識(shí)知道這兩個(gè)符號(hào)是標(biāo)簽的起始字符和結(jié)尾字符，是不顯示在頁(yè)面里的；除此，還有一種具有特殊含義但卻無(wú)法用鍵盤直接輸入的字符。HTML提供了轉(zhuǎn)義字符功能專門用來(lái)顯示這些字符。轉(zhuǎn)義字符由三部分組成：以一個(gè)“&”符號(hào)開(kāi)頭，緊跟字符專用名稱或字符代號(hào)，以“;”結(jié)束。任務(wù)2-6使用轉(zhuǎn)義字符顯示特殊符號(hào)任務(wù)2-6使用轉(zhuǎn)義字符顯示特殊符號(hào)顯示結(jié)果描述實(shí)體名稱實(shí)體編號(hào)

空格

<小于號(hào)<<>大于號(hào)>>&和號(hào)&&"雙引號(hào)""￠分￠￠￡鎊￡￡￥人民幣￥￥§節(jié)§§?版權(quán)???注冊(cè)商標(biāo)??×乘號(hào)××÷除號(hào)÷÷2-7HTML5+CSS3網(wǎng)頁(yè)設(shè)計(jì)任務(wù)教程（第二版）使用圖像類標(biāo)簽顯示圖像及圖像映射<img>標(biāo)簽定義HTML頁(yè)面中的圖像。從技術(shù)上講，圖像并不會(huì)插入HTML頁(yè)面中，而是鏈接到HTML頁(yè)面上。<img>標(biāo)簽有兩個(gè)必需的屬性：src和alt。src屬性是<img>標(biāo)簽的必需屬性，用于在頁(yè)面上顯示圖像。需要使用該屬性指定圖片的URL地址，即圖像文件的路徑和文件名。alt屬性用來(lái)為圖像定義一串預(yù)先自定義的可替換的文本，當(dāng)瀏覽器無(wú)法載入圖像時(shí)，會(huì)顯示替換文本來(lái)告知用戶相關(guān)信息，使用替換文本屬性有助于更好的顯示信息，提高頁(yè)面友好度。title屬性用來(lái)設(shè)置鼠標(biāo)移動(dòng)到圖片上的提示文字。它的值一般與alt的值相同，最大的區(qū)別是顯示的前提條件不同，alt屬性是圖片加載失敗后顯示，而title屬性則是圖片加載成功后鼠標(biāo)放到它上面才顯示。width屬性用來(lái)設(shè)置圖片的寬度，使用時(shí)不需要加單位，默認(rèn)是像素（px）。height屬性用來(lái)設(shè)置圖片的高度，和width一樣在使用時(shí)不需要加單位，默認(rèn)是像素（px）。任務(wù)2-7使用圖像類標(biāo)簽顯示圖像及圖像映射任務(wù)2-7使用圖像類標(biāo)簽顯示圖像及圖像映射屬性值描述alttext規(guī)定圖像的替代文本srcURL規(guī)定顯示圖像的URLaligntop，bottom，middle，left，right不推薦使用。規(guī)定如何根據(jù)周圍的文本來(lái)排列圖像borderpixels不推薦使用。定義圖像周圍的邊框heightpixels，%定義圖像的高度hspacepixels不推薦使用。定義圖像左側(cè)和右側(cè)的空白ismapURL將圖像定義為服務(wù)器端圖像映射longdescURL指向包含長(zhǎng)的圖像描述文檔的URLusemapURL將圖像定義為客戶器端圖像映射vspacepixels不推薦使用。定義圖像頂部和底部的空白widthpixels，%設(shè)置圖像的寬度<map>的作用是定義一個(gè)客戶端"圖像映射"，"圖像映射"指帶有可點(diǎn)擊區(qū)域的一幅圖像，<map>一般需要與<imgsrc="值"usemap="#值">配合使用，src屬性負(fù)責(zé)為<map>提供作用對(duì)象；<map>依靠usemap屬性來(lái)尋找和引用<img>。<area>用于定義可點(diǎn)擊區(qū)域的形狀、大小以及路徑。<area>的shape屬性表示定義熱點(diǎn)(可點(diǎn)擊區(qū)域)的形狀，可選值有rect(矩形)\circle(圓)\poly(自定義形狀)。<area>的href屬性表示可點(diǎn)擊區(qū)域的跳轉(zhuǎn)鏈接地址。任務(wù)2-7使用圖像類標(biāo)簽顯示圖像及圖像映射base64為采用二進(jìn)制流表示圖片。常用格式為：<imgsrc=”data:image/png;base64,編碼”/>1、使用base64的優(yōu)點(diǎn)是：減少一個(gè)圖片的http請(qǐng)求。2、使用base64的缺點(diǎn)是：1）、大小會(huì)比原文件大小大1/3，影響文件加載速度，增加文件解析渲染時(shí)間。2）、使用base64無(wú)法直接緩存，這相比于直接緩存圖片的效果要差很多。3）、兼容性的問(wèn)題，ie8以前的瀏覽器不支持。一般一些網(wǎng)站的小圖標(biāo)可以使用base64圖片來(lái)引入。任務(wù)2-7使用圖像類標(biāo)簽顯示圖像及圖像映射2-8HTML5+CSS3網(wǎng)頁(yè)設(shè)計(jì)任務(wù)教程（第二版）<iframe>標(biāo)簽使用任務(wù)2-8<iframe>標(biāo)簽使用<iframe>標(biāo)簽規(guī)定一個(gè)內(nèi)聯(lián)框架。一個(gè)內(nèi)聯(lián)框架被用來(lái)在當(dāng)前HTML文檔中嵌入另一個(gè)文檔。所有的主流瀏覽器都支持<iframe>標(biāo)簽。例如：<iframename="myiframe"id="myrame"src="external_file.html"frameborder="0"align="left"width="200"height="200"scrolling="no"><p>你的瀏覽器不支持iframe標(biāo)簽</p></iframe>任務(wù)2-8<iframe>標(biāo)簽使用<iframe>的常用屬性：name：規(guī)定<iframe>的名稱。width：規(guī)定<iframe>的寬度。height：規(guī)定<iframe>的高度。src：規(guī)定在<iframe>中顯示的文檔的URL。frameborder：規(guī)定是否顯示邊框。(0為無(wú)邊框，1位有邊框)。align：規(guī)定如何根據(jù)周圍的元素來(lái)對(duì)齊<iframe>。(left,right,top,middle,bottom)。scrolling：規(guī)定是否在<iframe>中顯示滾動(dòng)條(yes,no,auto)。任務(wù)2-8<iframe>標(biāo)簽使用2-9HTML5+CSS3網(wǎng)頁(yè)設(shè)計(jì)任務(wù)教程（第二版）多媒體標(biāo)簽使用任務(wù)2-9多媒體標(biāo)簽使用<audio>標(biāo)簽是一對(duì)，其常用屬性有：autoplay：如果出現(xiàn)該屬性，則音頻在就緒后馬上播放。controls：如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕。loop：如果出現(xiàn)該屬性，則每當(dāng)音頻結(jié)束時(shí)重新開(kāi)始播放。preload：如果出現(xiàn)該屬性，則音頻在頁(yè)面加載時(shí)進(jìn)行加載，并預(yù)備播放。如果使用"autoplay"，則忽略該屬性。src：要播放的音頻的URL。<audio>標(biāo)簽支持的音頻格式有：wav，mp3和ogg格式。任務(wù)2-9多媒體標(biāo)簽使用<video>標(biāo)簽也是一對(duì)，其常用屬性有：autoplay：如果出現(xiàn)該屬性，則視頻在就緒后馬上播放。controls：如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕。poster：屬性規(guī)定視頻下載時(shí)顯示的圖像，或者在用戶點(diǎn)擊播放按鈕前顯示的圖像。loop：如果出現(xiàn)該屬性，則當(dāng)媒介文件完成播放后再次開(kāi)始播放。preload：如果出現(xiàn)該屬性，則視頻在頁(yè)面加載時(shí)進(jìn)行加載，并預(yù)備播放。如果使用"autoplay"，則忽略該屬性。src：要播放的視頻的URL。height：設(shè)置視頻播放器的高度。width：設(shè)置視頻播放器的寬度。video標(biāo)簽支持的視頻格式有：Ogg，MPEG4和WebM格式。任務(wù)2-9多媒體標(biāo)簽使用2-10HTML5+CSS3網(wǎng)頁(yè)設(shè)計(jì)任務(wù)教程（第二版）表單的簡(jiǎn)單應(yīng)用任務(wù)2-10表單的簡(jiǎn)單應(yīng)用在HTML中，<label>元素用于創(chuàng)建文本標(biāo)簽，用于標(biāo)識(shí)表單控件或其他交互元素。for屬性是<label>元素的一個(gè)屬性，用于指定與之關(guān)聯(lián)的表單控件的ID屬性。通過(guò)使用for屬性，可以實(shí)現(xiàn)以下兩個(gè)作用：關(guān)聯(lián)表單控件：for屬性的值應(yīng)設(shè)置為要關(guān)聯(lián)的表單控件的ID屬性。這樣，當(dāng)用戶點(diǎn)擊<label>標(biāo)簽時(shí)，關(guān)聯(lián)的表單控件就會(huì)被激活或獲得焦點(diǎn)，從而方便用戶與表單進(jìn)行交互。這提供了更大的點(diǎn)擊目標(biāo)區(qū)域，增加了表單控件的可用性。輔助功能：<label>標(biāo)簽的for屬性也有助于提升網(wǎng)頁(yè)的可訪問(wèn)性。屏幕閱讀器等輔助技術(shù)可以使用<label>標(biāo)簽與表單控件之間的關(guān)聯(lián)，提供更好的用戶體驗(yàn)和可訪問(wèn)性支持。任務(wù)2-10表單的簡(jiǎn)單應(yīng)用<input>標(biāo)簽中常用的type屬性有以下幾種：text：用于輸入單行文本數(shù)據(jù)，例如用戶名、密碼等。password：用于輸入密碼等敏感數(shù)據(jù)，輸入的內(nèi)容會(huì)被隱藏。checkbox：用于選擇一個(gè)或多個(gè)選項(xiàng)，可以勾選或取消勾選。radio：用于選擇一個(gè)選項(xiàng)，可以單選。submit：用于提交表單數(shù)據(jù)到服務(wù)器，通常與form標(biāo)簽一起使用。reset：用于重置表單數(shù)據(jù)，將所有表單元素的值重置為默認(rèn)值。button：用于創(chuàng)建一個(gè)按鈕，通常需要通過(guò)JavaScript腳本來(lái)實(shí)現(xiàn)點(diǎn)擊后的功能。file：用于選擇上傳文件，可以上傳圖片、文檔等多種類型的文件。number：用于輸入數(shù)字，可以設(shè)置最大、最小值和步長(zhǎng)等屬性。date：用于選擇日期，可以設(shè)置日期的格式和范圍等屬性。email：用于輸入郵箱地址，可以進(jìn)行郵箱地址格式的驗(yàn)證。tel：用于輸入電話號(hào)碼，可以進(jìn)行號(hào)碼格式的驗(yàn)證。search：用于輸入搜索關(guān)鍵詞，可以與JavaScript腳本一起使用，實(shí)現(xiàn)搜索功能。任務(wù)2-10表單的簡(jiǎn)單應(yīng)用2-11HTML5+CSS3網(wǎng)頁(yè)設(shè)計(jì)任務(wù)教程（第二版）表單格式驗(yàn)證任務(wù)2-11表單格式驗(yàn)證用戶在提交數(shù)據(jù)的時(shí)候，不可避免的會(huì)對(duì)<input>內(nèi)的數(shù)據(jù)格式進(jìn)行驗(yàn)證，pattern屬性規(guī)定用于驗(yàn)證輸入字段的模式。pattern屬性適用于以下<input>類型：text，search，url，telephone，email以及password，其格式為<inputpattern="regexp">。RegExp(正則表達(dá)式)是RegularExpression縮寫，是用于查找符合某些規(guī)則的字符串的工具。任務(wù)2-11表單格式驗(yàn)證regexp常用表達(dá)式如下：1、^\d+$：正整數(shù)+02、^[0-9]*[1-9][0-9]*$：正整數(shù)3、^((-\d+)|(0+))$：負(fù)整數(shù)+04、^-[0-9]*[1-9][0-9]*$：負(fù)整數(shù)5、^-?\d+$：整數(shù)，正整數(shù)和負(fù)整數(shù)和0：6、^\d+(\.\d+)?$：正浮點(diǎn)數(shù)+07、^(([0-9]+\.[