網頁表單Form標簽的屬性
2012/3/5 8:56:20

在HTML5中,吸納了Web Forms 2.0的標準,大幅度強化了針對表單元素的功能,使得關于表單的開發更快、更方便。 1.placeholder屬性
placeholder是指文本框或處于未輸入狀態并且未獲得光標焦點時,降低顯示輸入提示文字不透明度,具體實例如本站網絡基地搜索框效果。
<input type="text" placeholder="點擊這里搜索"> 2.formaction屬性
在HTML5中,可以給所有的提交按鈕增加不同的formaction屬性,點擊不同的按鈕,將不同的表單提交到不同的頁面。
<input type="submit" formaction="a.php"> <input type="submit" formaction="b.php"> 3.fommethod屬性
在HTML5中,可以使用formaction屬性來對每個表單元素分別指定不同的提交頁面,同時也可以使用formmethod屬性來對每個表單元素分別指定不同的提交方法。
<input type="submit" formaction="a.php" formmethod="post"> <input type="submit" formaction="a.php" formmethod="get"> 4.auotcomplete屬性
輔助輸入所用的自動完成功能,節省輸入時間,同時也十分方便的功能。對于auotcomplete屬性,可以指定“on”、“off”、“”(不指定)這三種值。
<input type="text" autocomplete="on" list="webjxcom"> 5.autofocus屬性
給文本框、選擇框或按鈕控件自動獲得光標焦點。
<input type="text" autofocus> 6.form屬性
在HTML5中,可以把表單從屬元素寫在頁面任何地方,然后給元素指定一個form屬性,屬性值為表單的id,這樣就可以聲明該元素從屬于指定表單。
<form id="test"> <input type="text"> </form> <textarea form="test"></textarea> 7.list屬性
在HTML5中,為單行文本框增加一個list屬性,該屬性的值為某個datalist元素的id。datalist元素類似于選擇框(select),該元素本身并不顯示,而是文本框獲得焦點時以提示輸入的方式顯示。

<input type="text" list="webjxcom"> <datalist id="webjxcom" style="display:none;">  <option>HTML</option>  <option>CSS</option>  <option>JavaScript</option> </datalist>
為了避免在不支持該元素的瀏覽器中錯誤的顯示,用CSS等設定它為不顯示。

返回列表
返回首頁 主站蜘蛛池模板: 日韩久久精品一区二区三区| 精品久久久中文字幕| 国产精品日本一区二区不卡视频 | 国内自产少妇自拍区免费| 三极片在线观看 | 韩国精品一区二区三区无码视频 | 钻胯羞辱的视频vk| 国产福利你懂的| 亚洲区小说区图片区qvod| 男女一级毛片免费视频看| 啊哈~在加了一根手指| 野花官网高清在线观看视频5| 国产日韩精品欧美一区喷水| 18国产精品白浆在线观看免费| 夜夜春宵伴娇全文阅读| 一区二区三区免费高清视频| 成年女人色毛片| 久久久久88色偷偷| 日韩午夜在线视频| 亚洲av无码专区在线播放| 欧美成人在线视频| 亚洲第一页在线| 狠狠干2020| 免费人成在线观看网站| 精品国产日韩亚洲一区二区 | av片在线观看| 婷婷色在线播放| 中国一级黄色片子| 护士的护士服被扒了下来小说| 久久久久无码国产精品不卡| 日韩人妻无码精品无码中文字幕 | 国产欧美精品区一区二区三区| **一级一级毛片免费观看| 国产自无码视频在线观看| 亚洲精品一二区| 99精品久久99久久久久久| 性欧美大战久久久久久久久| 中文字幕你懂的| 无码A级毛片免费视频内谢| 久久久久久曰本av免费免费| 日本黄大片在线观看|