通過(guò)代碼示例跟我學(xué)html5相關(guān)技術(shù)——html5中的表單標(biāo)簽及新特性（第1部分-預(yù)覽頁(yè)
【正文】 ............................................................................ 2 input標(biāo)簽中的 type 新的屬性值的應(yīng)用示例 ................................................ 6 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 2/16 頁(yè) 2 跟我學(xué) Html5 相關(guān)技術(shù) —— HTML5 中的表單標(biāo)簽及新特性 （第 1 部分） 表單 form標(biāo)簽 表單 form標(biāo)簽 （ 1） HTML5 中的表單仍是以 form標(biāo)簽元素作為容器 由于 HTML 表單一直都是 Web 應(yīng)用的核心技術(shù)之一，它能夠?qū)崿F(xiàn)人機(jī)交互。 （ 2）仍然兼容于 HTML4 的表單標(biāo)簽 HTML5 中的表單在設(shè)計(jì)時(shí)已經(jīng)考慮到與 HTML 和 XHTML 的后向兼容性。 action URL 規(guī)定當(dāng)提交表單時(shí)向何處發(fā)送表單數(shù)據(jù)。 name form_name 規(guī)定表單的名稱。 form action= method=post novalidate=true 電子郵件： input type= name=userMmail / input type=submit / /form 兼容于 HTMT4 表單內(nèi)的控件相關(guān)的 input標(biāo)簽中的 type屬性的 可能 值 及含義 下面兼容于 HTMT4 表單內(nèi)的控件仍然在 HTML5 中有效， input標(biāo)簽中的 type 屬性的可能 值 及含義如下表所示。 HTML5 表單內(nèi)新增的控件相關(guān)的 input標(biāo)簽中的 type 新的 屬性值 及含義 （ 1） HTML5 擴(kuò)展了 HTML4 的 表單，并新增許多 GUI界面控件 HTML5 的 表單不僅兼容于 HTML4，也還擴(kuò)展和新增加的許多其它的屬性，但這些 input標(biāo)簽中的 type 的新的 屬性值 只在某些瀏覽器中支持，目前在應(yīng)用它們時(shí)還存在一定的兼容性問(wèn)題。顧名思意， date 類型是選擇日期， time 類型是選擇時(shí)間， datetime是日期時(shí)間一起選，而 week 是選擇星期， month 實(shí)現(xiàn)選擇月份。 !DOCTYPE HTML html head meta equiv=ContentType content=text/html。 零時(shí)差以字母 Z表示。 week YYYYW00 年（ 4位數(shù)字）后面跟著連字符和字母 W 以及星期數(shù)值（ 2位數(shù)字）。 （ 2）應(yīng)用示例 form action= method= enctype= 郵件輸入框： input type= name=oneEmail /br/ input type=submit value=提交 / /form 在 opera 瀏覽器中必須要配合有 name 屬性的 input標(biāo)簽，否則郵箱格式驗(yàn)證的 控件將不起作用。 （ 2）應(yīng)用示例 input id= type=/ input id=website type=url/ input id=phone type=tel / number 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 12/16 頁(yè) 12 （ 1）主要的功能 只能輸入數(shù)值數(shù)據(jù)類型的值 (opera 瀏覽器對(duì)它提供支持 )。 （ 2）應(yīng)用示例 拖動(dòng)范圍： input type=range value=50/ 由于 默認(rèn)情況下的 value 屬性值的 范圍是 0~100， 因此示例中的“ value=50”將會(huì)使得拖動(dòng)條 在默認(rèn)時(shí)將停放 在區(qū) 域范圍的中間 位置 。 選中的值應(yīng)該在旁邊顯示出來(lái)： input type=range name=rating id=rating min=0 max=25 step=5 value=0 onchange== output name=display_rate for=rating/output search （ 1）主要的功能 實(shí)現(xiàn)搜索功能，其外觀與常規(guī)的文本字段類似。同時(shí)其具有占位符文本“輸入姓名”（在輸入框中的默認(rèn)輸入的字符串內(nèi)容） 并設(shè)置為 autofocus（也就是設(shè)置為 true）。 下一個(gè)相關(guān)字段是具有標(biāo)簽“回復(fù)時(shí)間”的 datetime 字段。示例中設(shè)置的最小值為 1（默認(rèn)情況下選擇最小值）、最大值為
畢業(yè)設(shè)計(jì)相關(guān)推薦
鄂ICP備17016276號(hào)-1