AutoCAD 3DMAX C語言 Pro/E UG JAVA編程 PHP編程 Maya動畫 Matlab應用 Android
Photoshop Word Excel flash VB編程 VC編程 Coreldraw SolidWorks A Designer Unity3D
 部落冲突安卓版下载 > html5

HTML5里autofocus自動聚焦屬性使用介紹

部落冲突安卓版下载 //www.fkutc.icu
HTML5,autofocus,自動聚焦

HTML5給我們帶來了一大堆神奇的東西。以前需要用JavaScript和Flash完成的任務,例如表單校驗,INPUT placeholders , 客戶端重命名下載文件和音頻/視頻,這些都可以使用基本的HTML完成。這里要講的一個簡單的HTML5功能是當頁面加載完成時讓輸入焦點自動落到某個元素上;這個動作用autofocus屬性完成。

HTML代碼非常簡單:

XML/HTML Code復制內容到剪貼板
  1. <!-- These all work! -->  
  2. <input autofocus="autofocus" />  
  3. <button autofocus="autofocus">Hi!</button>  
  4. <textarea autofocus="autofocus"></textarea>  

當有了autofocus屬性,這些 INPUT, TEXTAREA, 或 BUTTON元素都能在頁面加載是被選中。但如果使用純顯示元素,例如H1標記,autofocus屬性并不好用。

這個屬性在某些情況下非常有用。例如谷歌的首頁,人們99%的時間都是用它來搜索,所以頁面一旦加載,光標必然定位在輸入框里。以前需要使用JavaScript才能完成,現在完全不需要了,html自己就能完成。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持www.fkutc.icu。
HTML5,autofocus,自動聚焦  
上一篇:你不知道的5個HTML5新功能  下一篇:HTML5 placeholder屬性詳解