通過代碼示例跟我學html5相關技術——html5中的表單標簽及新特性第1部分-展示頁
2024-11-26 07:40本頁面
【正文】 16 頁 9 下面為 HTML5 中表示時間的表單控件標簽的應用示例。 （ 2） date 日期 控件的代碼示例 選擇日期： input type=date value=20200104 / 選擇時間： input type=time value=22:52 / 選擇星期： input type=week / 選擇月份： input type=month / 在 Opera 瀏覽器中將會出現(xiàn)如下的 效果： （ 3）選擇星期 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權所有，盜版必究 ， 8/16 頁 8 在 type=week時的 鼠標經過的每一行（代表一周）的日期背景色會集體變暗，如下圖所示 ： （ 4）選擇月份 而 在 type=month時的 鼠標經過的 區(qū)域 是整月的背景色變深，如下圖 所示 ： 分別 選擇 星期和月份 后的數據值如下圖 所示 ： datetime 和 datetimelocal 控件 （ 1） datetimelocal 和 datetime 的區(qū)別 主要體現(xiàn)在用戶提交表單數據時，它們分別向服務器發(fā)送的數據格式是不同的。 （ 2）應用示例 選取顏色： input type=color value=34538b /， 結果在 Opera 瀏覽器下 的 默認 顯示效果如下 圖所示 ： （ 3）選擇何改變顏色 默認 的 input 控件有個 默認 的 背景 顏色 （顏色編碼為 34538b） ， 如果 點擊 其中的顏色 下拉 框 ， 將會 展開 下圖所示的顏色 色面板： 也可以 點擊 其中的“其它” 字樣的按鈕， 將 展開 如下圖所示形式 的顏色選擇面板： 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權所有，盜版必究 ， 7/16 頁 7 date （ 1） HTML5 中增加有時間、日期選擇輸入的標簽 在 HTML5 中與時間類相關的控件，不僅有 date 類型的，也還有 time 類型、 datetime、week 和 month 等形式。 （ 2） input標簽中的 type 新的 屬性值 及所對應的 GUI 界面控件 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權所有，盜版必究 ， 5/16 頁 5 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權所有，盜版必究 ， 6/16 頁 6 input標簽中的 type 新的 屬性值 的應用示例 color （ 1）主要的功能 該輸入類型的控件允許操作者從一個顏色的拾取器中選取所需要的顏色，所返回的顏色為十六進制值。比如下面為常規(guī)兼容于 HTML4 的表單標簽的結構： form id=formID input ... /form 而在 HTML5 的表單結構關系中，也可以將 input標簽放在 firm標簽外面 —— 可以采用下面的形式定義： input value=表單外面的標簽 form=formID，從而將該input標簽與指定 ID 名稱的“ formID”所對應的表單 form id=formID 相互關聯(lián)。 input Type=屬性值 / 描述 text 文字域 password 密碼域 file 文件域 checkbox 復選框 radio 單選框 button 普通按鈕 submit 提交按鈕 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權所有，盜版必究 ， 4/16 頁 4 reset 重置按鈕 hidden 隱藏域 image 圖像域 (圖像提交按鈕 ) input標簽的擺放位置更自由 （ 1） HTML4 中的 input標簽必須要放在 form標簽之中 在 HTML4 中需要將所有的代表表單控件的 input標簽放在 form標簽之中。 （ 2） form標簽中的 novalidate 屬性 novalidate 屬性規(guī)定在提交表單時不驗證 form標簽中的相關的 input標簽所對應的輸入數據的格式。 novalidate novalidate 如果使用該屬性，則提交表單時不進行驗證。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權所有，盜版必究 ， 3/1
畢業(yè)設計相關推薦
鄂ICP備17016276號-1