[ASP.NET 4.5 / VS 2012] TextBox新增的 TextMode屬性 for HTML5

摘要:[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:

  • email
  • 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
email 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 認證考試, 從零開始」

9789863475750

HTML5、CSS、JavaScript 網頁程式設計與 MCSD 70-480 認證教材

MIS2000 Lab. 周棟祥/吳進魯

  • 出版商:碁峰
  • 出版日期:2015-04-09
  • 台幣定價:
  • $480
  • 售價: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.主講   事先錄好的影片,並非上課側錄!   觀看時,有如「一對一」面對面講課