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