通過代碼示例跟我學html5相關技術——html5中的表單標簽及新特性（第1部分(文件)
【正文】 ntact_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回復時間： /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 屬性，因此它將默認為文本控件。將此類型的 input 元素識別為任何特殊信息的惟一瀏覽器是 Opera，其將在字段中顯示一個郵件圖標以表示它楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 15/16 頁 15 是一個電子郵件字段。 最后的 type 類型屬性為 range 的控件標簽中包含 min、 max 和 value 等屬性集合，該控件將由 Safari、 Chrome 和 Opera 瀏覽器以滑塊的形式呈現(xiàn)。 （ 5）該表單在 Google Chrome 中的預覽的結(jié)果 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 16/16 頁 16 。 （ 3）該示例表單在 IE9 中的預覽的結(jié)果 對于在 HTML5 表單中 input標簽中新增的 type 屬性值為 number、 search、 range、 、date、 url 的標簽，在不支持這些新特性的瀏覽器中將被解釋為 text 類型的表單控件。在支持的瀏覽器中，該字段將顯示日期和時間跟蹤器。支持的瀏覽器會在已經(jīng)呈現(xiàn)頁面后自動將輸入焦點切換到該標簽元素中。 （ 2）代碼示例 搜索： input type=search value=搜索 / 1 HTML5 表單中的 input 類型的應用示例 （ 1）應用示例 HTML5 還針對表單提供“自動聚焦”功能，也就是在呈現(xiàn)包含有表單的頁面時能夠自動地將輸入焦點設置于特定表單中的某個字段中，而無需 JavaScript 代碼來進行此操作。如下圖所示： （ 3）可以精確設置和定義 但由于“ range”類型的標簽的輸入類型是非常粗放的，一般可以通過添加其它的屬性進行進一步的精確設置。 （ 2）應用示例 form action= method= enctype= input type=number min=0 step= name=nmb value=11 /form 其中的 min、 max、 step 等屬性分別限制 input 輸入框內(nèi)的數(shù)值最小值、最大值、和點擊上下箭頭時的變化 值。 （ 3）示例的執(zhí)行結(jié)果截圖 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 11/16 頁 11 （ 4）允許輸入多個 Email 地址信息 通過應用 multiple 屬性，可以為 標簽添加多個 Email 地址信息，因為在默認狀態(tài)下只能輸入一個 Email 地址信息字符串。 time HH:MM or HH:MM: 時間以 24 小時制表示，可選擇帶有秒和毫秒。左欄給出的第二個范例表示太平洋夏時制時間（ Pacific Daylight
畢業(yè)設計相關推薦
鄂ICP備17016276號-1