html5課件介紹新增表單標簽

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