通過代碼示例跟我學(xué)html5相關(guān)技術(shù)——html5中的表單標(biāo)簽及新特性第2部分-文庫吧資料
2024-11-22 07:40本頁面
【正文】 作室，版權(quán)所有，盜版必究 ， 13/20 頁 13 新增加的 formaction 屬性 （ 1）該屬性的值為一個(gè) URL 它覆蓋表單 form標(biāo)簽內(nèi)定義的 action 屬性，從而可以實(shí)現(xiàn)在一個(gè) form標(biāo)簽內(nèi)提供多個(gè)不同的提交（ submit）按鈕，分別提交到不同的 URL 地址的服務(wù)器程序中 —— 點(diǎn)擊不同的按鈕，將不同的表單提交到不同的頁面。 另外，在 textarea 標(biāo)簽中一般不再需要應(yīng)用 rows 和 columns 等屬性設(shè)置文本框的大小。而在 HTML5 中，將其使用范圍開展到包含下列新的輸入類型： search、tel、 和 url 等類型的輸 入標(biāo)簽。 label for=time時(shí)間 :/label input type=time name=time id=timebr / label for=time10Step=10:/label input type=time name=time10 id=time10 step=10br / label for=anyStep=any:/label input type=time name=any id=any step=any 第一個(gè) time 元素不使用 step 屬性，因此它只能顯示小時(shí)和分鐘，因此點(diǎn)擊其中的“ up”或“ down”的上下箭頭一次能夠增加或減少一分鐘的值；而在第二個(gè) time 屬性中， step 被設(shè)置為 10，因此它能夠顯示時(shí)、分和秒，并且能夠以 10 秒的步長增量進(jìn)行調(diào)節(jié)；最后一個(gè)字段使用 step=any，因此，它可以插入最接近毫秒值的當(dāng)前時(shí)間。 （ 5）與時(shí)間 time 相關(guān)的輸入元素一起使用 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 12/20 頁 12 如果為 step 指定一個(gè)值后，將迫使該字段顯示秒以及小時(shí)和分鐘。 （ 4） step 的值只影響最小單位 對(duì)于 date 屬性，步長增量是以天數(shù)計(jì)算的。 在 Opera 中，日歷顯示的日期的遞增步長為 10 天，起算日為明天的日期，并且用粗體和高亮的方式表示。 點(diǎn)擊 down 箭頭可以插入 10 天之前的日期。 input type=date name=date id=date min=20200101 max=20201231 step=10 由于 step 的值設(shè)置為 10，這樣可以進(jìn)一步將日期的選擇限制為每 10 天 一次。 option value=匹配輸入的提交的文字 1/option option value=匹配輸入的提交的文字 2/option option value=匹配輸入的提交的文字 3/option /datalist input type=submit value=提交 /form body /body 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 11/20 頁 11 /html max、 min 和 step 屬性 （ 1）主要的功能 它們主要是限制所輸入值的輸入范圍以及值的輸入漸進(jìn)程度，比如可在 number 設(shè)定輸入最大值、最小值或者在 range 中設(shè)定拖動(dòng)階梯。 （ 6）注意正確地設(shè)置匹配的文字串 如果在 option/option之間定義有“匹配輸入”內(nèi)容項(xiàng)目，則以它為優(yōu)先；而如果在option/option之間沒有定義有“匹配輸入”內(nèi)容項(xiàng)目，則以 option value= 中的 value屬性值為匹配輸入項(xiàng)目。 !doctype html html head meta charset=utf8 titleHTML5 中自動(dòng)補(bǔ)全的列表項(xiàng)目標(biāo)簽 /title /head form 輸入文字： input type=text name=inputText list=useableTextList datalist id=useableTextList style=display: none。 （ 3）應(yīng)用示例 !doctype html html head meta charset=utf8 titleHTML5 中自動(dòng)補(bǔ)全的列表項(xiàng)目標(biāo)簽 /title /head form 書名： input list=datalistTagID type=text name=bookName/ datalist id=datalistTagID option value=h5 option value=ht option value=htm option value=html option value=html5 option value=html5 實(shí)例 option value=html5 教程 option value=html5 開發(fā) option value=html5 標(biāo)簽 /datalistbr / input type=submit value=提交 /form 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 9/20 頁 9 body /body /html （ 4）示例的執(zhí)行結(jié)果 （ 5）進(jìn)一步完善該示例 一般應(yīng)用 style=display:none。 input標(biāo)簽中的 list 屬性的值設(shè)置為表單元素 datalist標(biāo)簽的 id，如下示例所示。而在 HTML5 中可以應(yīng)用 datalist標(biāo)簽為input的表單輸入控 件直接在客戶端定義自動(dòng)補(bǔ)全的列表數(shù)據(jù)項(xiàng)目。當(dāng)然，在 autoplete=on狀態(tài)下的自動(dòng)補(bǔ)全的數(shù)據(jù)是瀏覽器緩存的以前輸入的數(shù)據(jù)，而并不是來自于服務(wù)器端的實(shí)際數(shù)據(jù)。 （ 3）可能的值 autoplete 屬性的值可以是 on（為默認(rèn)設(shè)置，啟用自動(dòng)完成功能）或者 off（禁用自動(dòng)完成功能）。 此屬性是為表單提供自動(dòng)完成（補(bǔ)全）功能，當(dāng)用戶在字段開始鍵入時(shí)，瀏覽器預(yù)測(cè)對(duì)字段的輸入并自動(dòng)完成輸入。 （ 2）應(yīng)用語法 input autofocus=autofocus （ 3）應(yīng)用示例 如 果有多個(gè)標(biāo)簽都包含有 autofocus 屬性，則第 1 個(gè)標(biāo)簽為默認(rèn)獲得焦點(diǎn)的控件。而點(diǎn)擊“發(fā)送”按鈕時(shí)，將繼續(xù)正常地進(jìn)行 Web 表單驗(yàn)證的要求。 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 6/
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1