- 構建移動網站與APP:HTML 5移動開發入門與實戰(跨平臺移動開發叢書)
- 常新峰
- 260字
- 2020-11-29 00:14:06
2.3 HTML 5表單新屬性
2.3.1 autocomplete屬性
autocomplete屬性規定form或input標簽應該擁有自動完成功能。當用戶在自動完成標簽中開始輸入時,瀏覽器應該在該標簽中顯示填寫的選項。autocomplete屬性適用于<form>標簽,具有text、search、url、telephone、email、password、datepickers、range及color類型的<input>標簽。
下面我們看一下實際應用。
【代碼2-1】
01 <form action="demo_form.asp" method="get" autocomplete="on"> 02 First name: <input type="text" name="fname" /><br /> 03 Last name: <input type="text" name="lname" /><br /> 04 E-mail: <input type="email" name="email" autocomplete="off" /><br /> 05 <input type="submit" /> 06 </form>
圖2.9是autocomplete屬性的頁面效果圖。

圖2.9 autocomplete屬性效果
2.3.2 autofocus屬性
autofocus屬性規定在頁面加載時標簽自動獲得焦點,適用于所有<input>標簽的類型。下面我們看一下實際應用。
【代碼2-2】
01 <form action="demo_form.asp" method="get" autocomplete="on"> 02 First name: <input type="text" name="fname" /><br /> 03 Last name: <input type="text" name="lname" /><br /> 04 E-mail: <input type="email" name="email" autofocus="autofocus" autocomplete="off" /><br /> 05 <input type="submit" /> 06 </form>
圖2.10是autofocus屬性的頁面效果圖。

圖2.10 autofocus屬性效果
從圖2.10中可以看到,頁面初始化后焦點自動出現在email標簽內。
推薦閱讀
- DB2 V9權威指南
- Spring 5.0 By Example
- VMware vSphere 6.7虛擬化架構實戰指南
- The React Workshop
- Wireshark Network Security
- 鋒利的SQL(第2版)
- Python高效開發實戰:Django、Tornado、Flask、Twisted(第3版)
- C# 8.0核心技術指南(原書第8版)
- 單片機C語言程序設計實訓100例
- 從零開始學C#
- 案例式C語言程序設計實驗指導
- Citrix XenServer企業運維實戰
- 深度學習入門:基于Python的理論與實現
- Web前端測試與集成:Jasmine/Selenium/Protractor/Jenkins的最佳實踐
- 數據結構與算法詳解