通過代碼示例跟我學(xué)html5相關(guān)技術(shù)——html5中的表單標(biāo)簽及新特性第1部分-資料下載頁
2024-11-14 07:40本頁面
【導(dǎo)讀】由于HTML表單一直都是Web應(yīng)用的核心技術(shù)之一，它能夠?qū)崿F(xiàn)人機(jī)交互。單及其內(nèi)的各個控件。性；當(dāng)用戶提交頁面時，表單仍然向服務(wù)器發(fā)送表單控件的值。HTML5中的表單在設(shè)計時已經(jīng)考慮到與HTML和XHTML的后向兼容性。前HTML5新的表單控件和API在IE9還沒有得到支持。autopleteon或者off規(guī)定是否啟用表單的自動完成功能。規(guī)定在何處打開actionURL。的輸入數(shù)據(jù)的格式。可能值及含義如下表所示。在HTML4中需要將所有的代表表單控件的<input>標(biāo)簽放在<form>標(biāo)簽之中。以采用下面的形式定義：<inputvalue="表單外面的標(biāo)簽"form="formID">，從而將該。<input>標(biāo)簽與指定ID名稱的“formID”所對應(yīng)的表單<formid="formID">相互關(guān)聯(lián)。
【正文】 equiv=ContentType content=text/html。 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)為文本控件。同時其具有占位符文本“輸入姓名”（在輸入框中的默認(rèn)輸入的字符串內(nèi)容） 并設(shè)置為 autofocus（也就是設(shè)置為 true）。支持的瀏覽器會在已經(jīng)呈現(xiàn)頁面后自動將輸入焦點切換到該標(biāo)簽元素中。 下一個標(biāo)簽元素為類型 “ ”，并且也包含一個占位符文本值。將此類型的 input 元素識別為任何特殊信息的惟一瀏覽器是 Opera，其將在字段中顯示一個郵件圖標(biāo)以表示它楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 15/16 頁 15 是一個電子郵件字段。 下一個相關(guān)字段是具有標(biāo)簽“回復(fù)時間”的 datetime 字段。在支持的瀏覽器中，該字段將顯示日期和時間跟蹤器。在 Opera 中，該字段將顯示為兩個控件，具有日期選擇器的文本框和針對時間的微調(diào)控制按鈕。 最后的 type 類型屬性為 range 的控件標(biāo)簽中包含 min、 max 和 value 等屬性集合，該控件將由 Safari、 Chrome 和 Opera 瀏覽器以滑塊的形式呈現(xiàn)。示例中設(shè)置的最小值為 1（默認(rèn)情況下選擇最小值）、最大值為 5。 （ 3）該示例表單在 IE9 中的預(yù)覽的結(jié)果 對于在 HTML5 表單中 input標(biāo)簽中新增的 type 屬性值為 number、 search、 range、 、date、 url 的標(biāo)簽，在不支持這些新特性的瀏覽器中將被解釋為 text 類型的表單控件。 （ 4）該示例表單在 IE10 中的預(yù)覽的結(jié)果 由于“名稱”輸入欄為獲得焦點的輸入控件，因此它的占位符文本“輸入姓名”（在輸入框中的默認(rèn)輸入的字符串內(nèi)容）將被清除。 （ 5）該表單在 Google Chrome 中的預(yù)覽的結(jié)果 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 16/16 頁 16
畢業(yè)設(shè)計相關(guān)推薦
鄂ICP備17016276號-1