【公告】網站目前停止所有的課程訂閱服務,原有學員權益不受影響,造成不便還請見諒,我們正在打造更多課程以及圖書,包含 Python 為主的課程主題,未來將會合併且擴充目前的課程內容,提供全新課程訂閱服務,感謝學員的支持。
【公告】《Entity Framework 實務精要》 絕版優惠學習活動,是針對最後一批少量書籍絕版的短期特別活動,只提供 20 個名額(剩 5 名),教學影片要在今年暑假過後才會重新開放訂閱,並沒有提供之前單獨購書的讀者,還請見諒, 如果您需要教學影片,屆時再請參與,也感謝讀者學員的支持,我們正在開發更多的教學內容,歡迎與我們一起努力。
《Entity Framework 實務精要》 絕版優惠學習活動》

HTML5 INPUT 標籤於行動裝置的呈現

HTML5 針對 input 標籤擴充了數種不同類型的 type ,例如針對數字輸入的文字方塊設定如下:

<input type="number" /></p>

其中的 type 屬性指定為 number ,如此一來這個欄位會針對數字型態的資料輸入提供必要的輔助,特別是在行動裝置上面,下表列舉幾種在行動裝置上影響輸入操作的設定:

type
說明
tel
電話
number
數字
email
電子郵件
url
網址列
text
文字輸入
date
日期

以下依表列型態列舉輸入畫面,可以看到點擊不同的輸入欄位時,顯示的鍵盤均不同,按鍵以需要輸入的資料型態提供,例如電子郵件就會有一個特別的@符號等等。

  

 

如果是設定為 date ,則行動裝置會提供日期資料的輸入工具:

  

如果想要看更多的裝置呈現效果,請參考 mobile input types : http://mobileinputtypes.com/


沒有留言: