通過代碼示例跟我學(xué)html5相關(guān)技術(shù)——html5中的表單標(biāo)簽及新特性（第1部分-全文預(yù)覽
【正文】 Time）的時(shí)差（滯后 UTC7 個(gè)小時(shí)）。 charset=utf8 / titleHTML5 中表示時(shí)間的表單控件標(biāo)簽 /title /head body dateinput type=date /br / datetimeinput type=datetime value=10:20/br / datetimelocalinput type=datetimelocal value=/br / timeinput type=time value=/br / weekinput type=week value=/br / monthinput type=month value=/br / input type=number min=0 step= name=nmb value=11br / /body /html （ 3）示例執(zhí)行的結(jié)果截圖 HTML5 支持的日期和時(shí)間相關(guān)的輸入類型 類型 格式 描述 date YYYYMMDD 分別表示年（ 4位數(shù)字）、月（ 2 位數(shù)字） 和日（ 2 位數(shù)字），每個(gè)數(shù)值以連字符分開。 （ 2） date 日期 控件的代碼示例 選擇日期： input type=date value=20200104 / 選擇時(shí)間： input type=time value=22:52 / 選擇星期： input type=week / 選擇月份： input type=month / 在 Opera 瀏覽器中將會(huì)出現(xiàn)如下的 效果： （ 3）選擇星期 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 8/16 頁(yè) 8 在 type=week時(shí)的 鼠標(biāo)經(jīng)過的每一行（代表一周）的日期背景色會(huì)集體變暗，如下圖所示 ： （ 4）選擇月份 而 在 type=month時(shí)的 鼠標(biāo)經(jīng)過的 區(qū)域 是整月的背景色變深，如下圖 所示 ： 分別 選擇 星期和月份 后的數(shù)據(jù)值如下圖 所示 ： datetime 和 datetimelocal 控件 （ 1） datetimelocal 和 datetime 的區(qū)別 主要體現(xiàn)在用戶提交表單數(shù)據(jù)時(shí)，它們分別向服務(wù)器發(fā)送的數(shù)據(jù)格式是不同的。 （ 2） input標(biāo)簽中的 type 新的 屬性值 及所對(duì)應(yīng)的 GUI 界面控件 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 5/16 頁(yè) 5 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 6/16 頁(yè) 6 input標(biāo)簽中的 type 新的 屬性值 的應(yīng)用示例 color （ 1）主要的功能 該輸入類型的控件允許操作者從一個(gè)顏色的拾取器中選取所需要的顏色，所返回的顏色為十六進(jìn)制值。 input Type=屬性值 / 描述 text 文字域 password 密碼域 file 文件域 checkbox 復(fù)選框 radio 單選框 button 普通按鈕 submit 提交按鈕 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 4/16 頁(yè) 4 reset 重置按鈕 hidden 隱藏域 image 圖像域 (圖像提交按鈕 ) input標(biāo)簽的擺放位置更自由 （ 1） HTML4 中的 input標(biāo)簽必須要放在 form標(biāo)簽之中 在 HTML4 中需要將所有的代表表單控件的 input標(biāo)簽放在 form標(biāo)簽之中。 novalidate novalidate 如果使用該屬性，則提交表單時(shí)不進(jìn)行驗(yàn)證。 autoplete on或者 off 規(guī)定是否啟用表單的自動(dòng)完成功能。對(duì)于不能識(shí)別新的輸入元素的舊版本瀏覽器，僅僅把它們作為普通文本輸入 字段進(jìn)行處理 —— 目前 HTML5 新的表單控件和 API 在 IE9 還沒有得到支持。楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 1/16 頁(yè) 1 目 錄 跟我學(xué) Html5 相關(guān)技術(shù) —— HTML5 中的表單標(biāo)簽及新特性（第 1 部分） ..... 2 表單 form標(biāo)簽 ......................
畢業(yè)設(shè)計(jì)相關(guān)推薦
鄂ICP備17016276號(hào)-1