html5課件介紹新增表單標(biāo)簽

一、html51、DIV和新結(jié)構(gòu)的區(qū)別和意比如：更加智能的表單元素：date、、url等；更加合理的結(jié)構(gòu)：section、nav、aside等；文檔類型：<!doctypehtml>的簡jshtml5學(xué)習(xí)參考的 （學(xué)習(xí)文檔 .cn（w3c /（學(xué)習(xí)文檔 Web表單1、結(jié)構(gòu)<header><nav><aside<section、header（譯：頁眉）section容塊；可獨(dú)立于頁面其他內(nèi)容使用；一般來說，article會(huì)有標(biāo)題部分（通常包含在<header>內(nèi)footer，并且articlearticle顯示，然article形式嵌入其中；nav（譯:導(dǎo)航）素到其他頁面或者當(dāng)前頁面的其他部分，使html代碼在語aside（譯:旁白）acticlearticle元素的內(nèi)容相關(guān)的輔的、側(cè)邊欄等；hgroup（譯：信息）section的標(biāo)題元素（h1~h6）進(jìn)行組合；例如：在一區(qū)段中有連續(xù)多個(gè)h，則可以用hgroup將他們進(jìn)figure單元，用于對(duì)元素進(jìn)行組合，多用于與描述內(nèi)容組合；figcaptionfigure元素添加標(biāo)題,figure中只能放置一個(gè)figcaption;<p>描述<p>黃浦江上的的大橋<p>拍攝者：就是我，拍攝時(shí)間：201010<imgsrc="路徑"width="350"height="234"2、web應(yīng)用progress（；Ie9支持，多用于js控制（此不常用）應(yīng)用代碼：<progressid=“pr”value=“30”max=“100”></meter于已知最大和最小值的度量；ie瀏覽器不支持（此不常用。常用屬性：value：設(shè)置規(guī)定度量的當(dāng)前值<meterid=”mt”value=”30”min=”10”details目前只有Chrome和Safari6支持<details>一個(gè)屬性：open”open:設(shè)置信息是否可見datalistinputinput可能的值；(1)option<option<option<option<inputid="mycity"list="city"<optionvalue="1"><optionvalue="2"><optionvalue="3">第一種兼容設(shè)置方法（放在header里，css之前的位置<!--[ifltIE<scriptvare=("abbr,article,aside,audio,canvas,datalist,details,"+ for(vari=0;i<e}CSSarticle,aside,canvas,details,figcaption,figure,footer,header,hgroup, ,nav,section,summary{disy:}JS<!--[ifltIE<script3、新增表單以及屬Html表單一直都是web的技術(shù)之一，html5為表單添加了新的js功能和結(jié)構(gòu)上更加自由的寫法，極大的提高了開發(fā)效率，xhtml中formhtml5中表單元素可以放在頁面任何位置，只formid，就可以關(guān)聯(lián)了。 <inputname=”1”type=””required2、url 輸入U(xiǎn)RL地址的文本應(yīng)用：<inputname=”url1”type="url"required/>3color<inputname=”color1”type="color"required4number屬性：min：允許的最小值MaxStep應(yīng)用：<inputname=”number1”type="number"minn="10"max="100"step="5"required/>5、range屬性：min最小值maxstep應(yīng)用：<inputname="range1"type="range"value="25"min="0"max="100" step="5"/>6、search用于搜索域，顯示為常規(guī)的文本框，除了火狐瀏覽器其應(yīng)用：<inputname=”search1”type="search"/>7、date:提供多個(gè)選取日期和時(shí)間的新輸入類型·date·month·week-·time選取時(shí)間（小時(shí)和分鐘- output：用于不同類型的輸出，比如計(jì)算或輸出，顯form oninput="cun.value=num1.valueAsNumber+<inputtype="number"value="30"id="num1"><inputtype="number"value="20"id="num2"/><outputname="cun"for="num1num2"><inputtype="range"id="a"value="50"><inputtype="number"id="b"value="50"><outputname="out"for="ab">11formid匹配所屬表單,可以實(shí)現(xiàn)表單元素放在表單<inputtype=”text”form=”myform”HTML5增加了大量在提交時(shí)對(duì)表單及表單元素內(nèi)容有效性驗(yàn)證的功可以應(yīng)用在大多數(shù)輸入元素上（除了隱藏元素和，在提交例：<inputpattern0-9][A-Z]{3title="輸入內(nèi)容：一個(gè)數(shù)與三個(gè)大寫字母"ceholder=‘輸入內(nèi)容：一個(gè)數(shù)與三個(gè)大寫字母’><formaction=""<inputpattern0-9][A-Z]{3}”title="輸入內(nèi)容：一個(gè)數(shù)與三個(gè)大寫字母"ceholder=”輸入內(nèi)容：一個(gè)數(shù)與三個(gè)大寫字母”><inputtype="submit":2:驗(yàn)證規(guī)則:必須是數(shù)組與字母組（3）ceholder屬性：文本框處于未輸入狀態(tài)時(shí)文本框中顯示顯示文字，一個(gè)比較典型的應(yīng)用就是在搜索結(jié)果中向用戶顯示搜索。定義，比如片段或其他流；寫法：<src=”></>當(dāng)前，<>元素支持三 格式： src：的路Width:器的寬autoy：autoy;表示立刻loop：loop;反復(fù)；布爾值，如果設(shè)置了就會(huì)重復(fù)否則不muted：mutedposter：url;指定數(shù)據(jù)載入時(shí)顯示的preloadautometadatanone;表示預(yù)先載入取值none不預(yù)先載入；auto一旦頁面加載就會(huì)開始加載，默 <sourcesrc="movie.mp4" <sourcesrc="movie.o