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
等找到好的方法,再補充。