通過代碼示例跟我學(xué)html5相關(guān)技術(shù)——html5中的表單標(biāo)簽及新特性第1部分(存儲(chǔ)版)
【正文】 nth時(shí)的 鼠標(biāo)經(jīng)過的 區(qū)域 是整月的背景色變深，如下圖 所示 ： 分別 選擇 星期和月份 后的數(shù)據(jù)值如下圖 所示 ： datetime 和 datetimelocal 控件 （ 1） datetimelocal 和 datetime 的區(qū)別 主要體現(xiàn)在用戶提交表單數(shù)據(jù)時(shí)，它們分別向服務(wù)器發(fā)送的數(shù)據(jù)格式是不同的。左欄給出的第二個(gè)范例表示太平洋夏時(shí)制時(shí)間（ Pacific Daylight Time）的時(shí)差（滯后 UTC7 個(gè)小時(shí)）。 （ 3）示例的執(zhí)行結(jié)果截圖 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 11/16 頁 11 （ 4）允許輸入多個(gè) Email 地址信息 通過應(yīng)用 multiple 屬性，可以為 標(biāo)簽添加多個(gè) Email 地址信息，因?yàn)樵谀J(rèn)狀態(tài)下只能輸入一個(gè) Email 地址信息字符串。如下圖所示： （ 3）可以精確設(shè)置和定義 但由于“ range”類型的標(biāo)簽的輸入類型是非常粗放的，一般可以通過添加其它的屬性進(jìn)行進(jìn)一步的精確設(shè)置。支持的瀏覽器會(huì)在已經(jīng)呈現(xiàn)頁面后自動(dòng)將輸入焦點(diǎn)切換到該標(biāo)簽元素中。 （ 3）該示例表單在 IE9 中的預(yù)覽的結(jié)果 對(duì)于在 HTML5 表單中 input標(biāo)簽中新增的 type 屬性值為 number、 search、 range、 、date、 url 的標(biāo)簽，在不支持這些新特性的瀏覽器中將被解釋為 text 類型的表單控件。 最后的 type 類型屬性為 range 的控件標(biāo)簽中包含 min、 max 和 value 等屬性集合，該控件將由 Safari、 Chrome 和 Opera 瀏覽器以滑塊的形式呈現(xiàn)。 charset=gb18030 titleHTML5 的表單示例頁面 /title /head body 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 14/16 頁 14 section header h1下面為回饋信息表單 /h1 /header p form label for=contact_name名稱： /label input id=contact_name placeholder=輸入姓名 autofocusbr / label for=contact_郵件： /label input type= id=contact_ placeholder=輸入郵件 br / label for=contact_phone電話： /label input type=tel id=contact_phone placeholder=電話號(hào)碼 br / label for=contact_callback回復(fù)時(shí)間： /label input type=datetime id=contact_callbackbr / label for=contact_priority優(yōu)先級(jí)： /label input type=range min=1 max=5 value=1 id=contact_prioritybr /br / input type=submit value=提交 /form /p /section /body /html （ 2）對(duì)示例中的表單標(biāo)簽說明 在表單中的第一個(gè) input標(biāo)簽元素中沒有任何的 type 屬性，因此它將默認(rèn)為文本控件。 （ 3）示例執(zhí)行的結(jié)果 在 Chrome 瀏覽器下 的顯示 效果 如下左圖所示，而在 Opera 瀏覽器 中的顯示效果如下右圖所示 ： range （ 1）主要的功能 其顯示
畢業(yè)設(shè)計(jì)相關(guān)推薦
鄂ICP備17016276號(hào)-1