HTML5 input date 移動端 IOS 不支持問題


1、placeholder 問題解決方法

對 input type date 使用 placeholder 的目的是為了讓用戶更准確的輸入日期格式,iOS 上會有 date 不會顯示 placeholder 文字,但是為了統一表單外觀,往往需要顯示。Android 部分機型沒有 date 也不會顯示 placeholder 文字。

解決方法:

先使其 type 為 text,此時支持 placeholder,當觸摸或者聚焦的時候,使用 JS 切換使其觸發 datepicker 功能。

<input placeholder="Date" class="textbox-n" type="text" onfocus="(this.type='date')"  id="date">

  但是在iphone 4s 上點擊選擇過后,還是有小問題,樣式依然是默認樣式,正在尋求解決方法。

這次解決方法借鑒http://www.w3cmark.com/2015/405.html

等找到好的方法,再補充。


免責聲明!

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



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