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刪除。



猜您在找 input標簽不支持偽元素! html5 中audio 在safari上不支持自動播放 解決ubuntu firefox不支持 HTML5 播放器 解決openresty http客戶端不支持https的問題 在html5中不支持 css——移動端h5不支持font-family里面的楷體、微軟雅黑等字體 IOS不支持iframe的解決辦法 iframe不支持ios的解決辦法
 
粵ICP備18138465號   © 2018-2026 CODEPRJ.COM
的cellpadding 和 cellspacing ; 2) 如何用css實現 cellpadding, cellspacing ; 3) tr , th 是 有 border, 沒有 padding 的. python中子進程不支持input()函數輸入 "> webview 不支持文件上傳