通過代碼示例跟我學(xué)html5相關(guān)技術(shù)——html5中的表單標(biāo)簽及新特性第1部分(參考版)
2024-11-18 07:40本頁面
【正文】 （ 5）該表單在 Google Chrome 中的預(yù)覽的結(jié)果 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 16/16 頁 16 。 （ 3）該示例表單在 IE9 中的預(yù)覽的結(jié)果 對于在 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)。在支持的瀏覽器中，該字段將顯示日期和時間跟蹤器。將此類型的 input 元素識別為任何特殊信息的惟一瀏覽器是 Opera，其將在字段中顯示一個郵件圖標(biāo)以表示它楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 15/16 頁 15 是一個電子郵件字段。支持的瀏覽器會在已經(jīng)呈現(xiàn)頁面后自動將輸入焦點切換到該標(biāo)簽元素中。 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）對示例中的表單標(biāo)簽說明 在表單中的第一個 input標(biāo)簽元素中沒有任何的 type 屬性，因此它將默認(rèn)為文本控件。 （ 2）代碼示例 搜索： input type=search value=搜索 / 1 HTML5 表單中的 input 類型的應(yīng)用示例 （ 1）應(yīng)用示例 HTML5 還針對表單提供“自動聚焦”功能，也就是在呈現(xiàn)包含有表單的頁面時能夠自動地將輸入焦點設(shè)置于特定表單中的某個字段中，而無需 JavaScript 代碼來進行此操作。下面的示例設(shè)置的范圍是 0– 25，步長是 5（ 0、 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 13/16 頁 13 等等）： input type=range name=rating id=rating min=0 max=25 step=5 為了將初始值設(shè)
畢業(yè)設(shè)計相關(guān)推薦
鄂ICP備17016276號-1