移動端使用HTML5表單增強體驗


我們知道,HTML5新增了許多表單類型,如: number,email,url,tel,datetime,month,datetime-local等等,像datetime,month這些非常方便,免得自己去寫選擇日期,時間插件;但是像number,tel,email,這些在桌面端變化不是特別大,外觀跟text一樣,但是在移動端有點不同,大部分移動設備都是使用虛擬鍵盤,當我們使不同類型表單時,它會切換到相應的輸入模式,如:number

輸入法直接切換數字模式;

如:Email:

有沒有看到,下面多了一個@符號;

這個變化在移動端非常方便,免得我們去切換模式;

在做開發的時候,盡量使用相應的表單類型,在桌面端或許變化不是很大,但是在移動端體驗就非常棒,現在有個概念就是“移動優化”;

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM