Right now everybody is talking about HTML5 and its contains lots of new features like web sockets, canvas, new intput types with validation etc.
With HTML5 new input types is going to be one of coolest feature and in future more and more people are going to use that feature. So in asp.net 4.5 asp.net development team given a support via TextMode property enhancements.
In earlier versions of ASP.NET we used have only three properties for TextMode property of asp.net textbox control.
Let’s try some examples for new asp.net 4.5 textbox HTML5 features.
That’s it hope you like it. Stay tuned for more..
ASP.NET 4.5 text mode property enhancement:
In earlier versions of ASP.NET we used have only three properties for TextMode property of asp.net textbox control.
- MultiLine- for multiline textbox.
- Password- for password textbox
- SignleLine –for single line textbox
- Color- for Color entries
- Date- for date entries. You can enter dates only
- DateTime – for datetime entries with respect to local time zone.
- DateTimeLocal- for datetime entries with respect to local time zone.
- Email- for email address
- Month- for month and year entry.
- Number- for entering numeric values.
- Range- for containing range between two numbers.
- Search- for search field. A search field is like regular text fields
- Tel- for telephone number.
- Url- for website url entries. It will only contain urls.
- Week- for entering weeks and year.
Examples:
Date:
Here how its look when we set TextMode property as date.Color:
Here is the how it looks when we set TextMode property as color.Month:
Here’s it looks when we set TextMode property as month.That’s it hope you like it. Stay tuned for more..
NICE ARTICELE
ReplyDeletethanks Abi
ReplyDeletehi, i'm just new HTML5 and for me everything fine Chrome Browser but its not working Internet Explorer (IE)
ReplyDeleteIt will only work on Ie9 and higher browser versions
ReplyDeleteHow to select multiple colors via single textbox textmode=color
DeleteIt's a simple textbox. So In textbox you can not expect more then one value.
DeleteThanks for posting the new things...
ReplyDeleteYou're welcome Karthik!!
ReplyDeleteIt look great but how do you display the date say if it was stored in a database, displaying the time in the text mode time works fine but i cant get the date to display.
ReplyDelete@Grant I will check and will let you know
ReplyDeleteany body knows about the textmode="date" property in Textbox control which is not showing the calender in Firefox..
ReplyDeleteWhich version of firefox you are using for it as it is a HTML5 features.You need to have HTML5 compliance browser.
DeleteExperiencing same problem here. The textbox which has has a date property cannot be viewed in Firefox.
DeleteWhich version of firefox you are using? The first and formost thing about this to work is your firefox should be capable of HTML5 features.
Deletehi there, i have tried firefox (26), IE 11 and wont work.. Any suggestion?
ReplyDeletecheck your browser is html5 compatible or not.
ReplyDeleteSame problem here. Using VS2013 on Windows7 64; TextMode works on Chrome, but NOT on IE11. Any suggestion please.
ReplyDeleteIt will not work on IE11.
DeleteYour browser should be HTML5 compatible.
DeleteDate textmode is not showing... Is there any thing i can do with it to display the date. ?
ReplyDeleteThis will work only on html5 enabled browsers.
Delete