摘要:[ASP.NET 4.5 / VS 11] TextBox新增的 TextMode屬性 for HTML5
2012/6/1補充 : VS 11 正式改名為 VS 2012
以前的 TextBox（文字輸入方塊） TextMode屬性只有三個
分別是 : Single / Multiple / Password
但在 .NET 4.5 / VS 2012的 Developer Preview版本推出後
這個 TextMode屬性多了好多東西喔
HTML5 New Input Types
HTML5 has several new input types for forms. These new features allow for better input control and validation.
This chapter covers the new input types:
- url
- number
- range
- Date pickers (date, month, week, time, datetime, datetime-local)
- search
- color
資料來源如下面 URL
我測試了一下，完全玩不出花樣
後來一想，說不定跟新的 HTML5有關係
於是查看了執行後的網頁原始檔
果然 TextMode屬性 = email
最後變成了 <input type="email">這種成果。
找來各種瀏覽器一一測試，果然有差異
（因為每一家瀏覽器對於 HTML5的支援程度不一）
(此為 Opera瀏覽器，版本 11.64)
Browser Support
|
Input type （支援的"新"輸入格式） |
IE | Firefox | Opera | Chrome | Safari |
|---|---|---|---|---|---|
| No | 4.0 (支援的版本) | 9.0 | 10.0 | No | |
| url | No | 4.0 | 9.0 | 10.0 | No |
| number | No | No | 9.0 | 7.0 | 5.1 |
| range | No | No | 9.0 | 4.0 | 4.0 |
|
Date pickers （日期與時間） |
No | No | 9.0 | 10.0 | 5.1 |
| search | No | 4.0 | 11.0 | 10.0 | No |
| color | No | No | 11.0 | 12 | No |
Note: Opera has the best support for the new input types. However, you can already start using them in all major browsers. If they are not supported, they will behave as regular text fields.
資料來源如下面 URL
這個超連結介紹的最清楚
還提供線上測試喔
http://www.w3schools.com/html5/html5_form_input_types.asp
動手把玩一下就知道有何不同。
完整說明，可以參考我這篇文章
HTML5 Form表單 與 輸入驗證(Validate)
HTML5 線上教學，請看：
[IT邦幫忙] 鐵人賽 -- MIS2000Lab.的「HTML5 認證考試， 從零開始」
HTML5、CSS、JavaScript 網頁程式設計與 MCSD 70-480 認證教材
MIS2000 Lab. 周棟祥/吳進魯
- 出版商:碁峰
- 出版日期：2015-04-09
- 台幣定價:
- 售價:7.9 折 $379
- 語言:繁體中文
- ISBN:9863475750
- ISBN-13:9789863475750
我將思想傳授他人， 他人之所得，亦無損於我之所有；
猶如一人以我的燭火點燭，光亮與他同在，我卻不因此身處黑暗。----Thomas Jefferson
線上課程教學，遠距教學 (Web Form 約 51hr) https://dotblogs.com.tw/mis2000lab/2016/02/01/aspnet_online_learning_distance_education_VS2015
線上課程教學，遠距教學 (ASP.NET MVC 約 140hr) https://dotblogs.com.tw/mis2000lab/2018/08/14/ASPnet_MVC_Online_Learning_MIS2000Lab
寫信給我，不要私訊 -- mis2000lab (at) yahoo.com.tw 或 school (at) mis2000lab.net
(1) 第一天 ASP.NET MVC5 完整影片（5.5小時 / .NET 4.x版）免費試聽。影片 https://youtu.be/9spaHik87-A
(2) 第一天 ASP.NET Core MVC 完整影片（3小時 / .NET Core 6.0~8.0）免費試聽。影片 https://youtu.be/TSmwpT-Bx4I
[學員感言] mis2000lab課程評價 - ASP.NET MVC , WebForm 。 https://mis2000lab.medium.com/%E5%AD%B8%E5%93%A1%E6%84%9F%E8%A8%80-mis2000lab%E8%AA%B2%E7%A8%8B%E8%A9%95%E5%83%B9-asp-net-mvc-webform-77903ce9680b
ASP.NET遠距教學、線上課程（Web Form + MVC）。 第一天課程， "完整" 試聽。
......... facebook社團 https://www.facebook.com/mis2000lab ......................
......... YouTube (ASP.NET) 線上教學影片 https://www.youtube.com/channel/UC6IPPf6tvsNG8zX3u1LddvA/
Blog文章 "附的範例" 無法下載，請看 https://dotblogs.com.tw/mis2000lab/2016/03/14/2008_2015_mis2000lab_sample_download
請看我們的「售後服務」範圍（嚴格認定）。
......................................................................................................................................................
ASP.NET MVC => .NET Core MVC 線上教學 ...... 第一天課程 完整內容 "免費"讓您評估 / 試聽
[遠距教學、教學影片] ASP.NET (Web Form) 課程 上線了！MIS2000Lab.主講 事先錄好的影片，並非上課側錄！ 觀看時，有如「一對一」面對面講課。
