武林網(wǎng)(www.survivalescaperooms.com)文章簡(jiǎn)介:在HTML5中,吸納了Web Forms 2.0的標(biāo)準(zhǔn),大幅度強(qiáng)化了針對(duì)表單元素的功能,使得關(guān)于表單的開(kāi)發(fā)更快、更方便。
在HTML5中,吸納了Web Forms 2.0的標(biāo)準(zhǔn),大幅度強(qiáng)化了針對(duì)表單元素的功能,使得關(guān)于表單的開(kāi)發(fā)更快、更方便。
1.form屬性在HTML5中,可以把表單從屬元素寫(xiě)在頁(yè)面任何地方,然后給元素指定一個(gè)form屬性,屬性值為表單的id,這樣就可以聲明該元素從屬于指定表單。
<form id="test"><input type="text"></form><textarea form="test"></textarea>2.formaction屬性在HTML5中,可以給所有的提交按鈕增加不同的formaction屬性,點(diǎn)擊不同的按鈕,將不同的表單提交到不同的頁(yè)面。
<input type="submit" formaction="a.php"><input type="submit" formaction="b.php">3.fommethod屬性在HTML5中,可以使用formaction屬性來(lái)對(duì)每個(gè)表單元素分別指定不同的提交頁(yè)面,同時(shí)也可以使用formmethod屬性來(lái)對(duì)每個(gè)表單元素分別指定不同的提交方法。
<input type="submit" formaction="a.php" formmethod="post"><input type="submit" formaction="a.php" formmethod="get">4.placeholder屬性placeholder是指文本框或處于未輸入狀態(tài)并且未獲得光標(biāo)焦點(diǎn)時(shí),降低顯示輸入提示文字不透明度,具體實(shí)例如本站網(wǎng)絡(luò)基地搜索框效果。
<input type="text" placeholder="點(diǎn)擊這里搜索">5.autofocus屬性給文本框、選擇框或按鈕控件自動(dòng)獲得光標(biāo)焦點(diǎn)。
<input type="text" autofocus>6.list屬性在HTML5中,為單行文本框增加一個(gè)list屬性,該屬性的值為某個(gè)datalist元素的id。datalist元素類(lèi)似于選擇框(select),該元素本身并不顯示,而是文本框獲得焦點(diǎn)時(shí)以提示輸入的方式顯示。
<input type="text" list="webjxcom"><datalist id="webjxcom" style="display:none;"> <option>HTML</option> <option>CSS</option> <option>JavaScript</option></datalist>為了避免在不支持該元素的瀏覽器中錯(cuò)誤的顯示,用CSS等設(shè)定它為不顯示。
7.auotcomplete屬性輔助輸入所用的自動(dòng)完成功能,節(jié)省輸入時(shí)間,同時(shí)也十分方便的功能。對(duì)于auotcomplete屬性,可以指定“on”、“off”、“”(不指定)這三種值。
<input type="text" autocomplete="on" list="webjxcom">新聞熱點(diǎn)
疑難解答