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