Home » Web » HTML, DHTML » Story Details
Printable Version

Creating TextBox in HTML 5

by Alok Pandey on Sep 20, 2011

Here we will learn to create TextBox in HTML 5
Comments: 0    Views: 485

Introduction: TextBox is essential interface control for any application to get text input by user. Here we will create TextBox in HTML 5. We create TextBox by <input> tag with type="type_name"  attribute. Like as given below

<input type="text" >

We take two TextBox by writing below code
   
<!
DOCTYPE HTML>
<
html>
<
body
>
<
form method
="post">
    First Name<input type="text" name
="fname"/>
    Last Name<input type="text" name
="lname"/>
</
form
>
</
body
>

</
html>

Here fname and lname is unique name for these control. When we run this code, The output will look like as below

textbox

We also can define width of TextBox by size attributes as

   
        <
input type="text" name="fname" size="25"/>

Now we run this code. The output will look like as below

textbox

We can also make TextBox to accept password by type="password" attribute value. Like below code

<!DOCTYPE HTML>
<
html>
<
body
>
<
form method
="post">
        First Name<input type="text" name="fname" size
="25"/>
        Last Name<input type="text" name="lname" size="25"/><br
/>
        Password<input type="password" name="pword" size="25" />
</
form
>
</
body
>

</
html>

We run this code. The output will look like as below

textbox
 


           
 

 

 

Post a Comment
*
DevExpress PowerBuilder Web Development Windows Development Languages Software Engineering Databases
iPhone Architecture Secutiry UML & Modeling Operating Systems Networking Testing
Graphics Design Project Management Hardware Open Source Games Development Business Intelligence Visual Studio LightSwitch 2011
MonoDevelop Visual Studio 2010 ASP.NET HTML, DHTML XML PHP JavaScript
Silverlight Web Services WCF Windows Forms WPF Windows Services Dynamic Link Libraries
ActiveX COM, DCOM, ATL C# VB.NET C++ F# Java
Pascal SQL Server Oracle DB2 MS-Access Windows Servers Windows
Linux Unix SAP LINQ .NET Framework ADO.NET Reporting
Crystal Reports SQL Server Reporting Services Igenda Reports Active Reports Adobe Fireworks Arrays & Collections Hosting
Future Trends Android Windows Phone Smart Devices Business M&A Investment & Funding
Web Browsers Internet Explorer Firefox Safari Common Entrepreneurs Students
Consulting Wiki Gadgets MobileMe iCloud iOS Social Media
Facebook Twitter LinkedIn Google+ Microsoft Kinect XBox
Wii Playstation DirectX i OS OS X CIO, CTO, CEO Windows 8
Web Design Expression Blend 4 Photoshop CS5 Creative Suite 5.5 Expression Web 4 Expression Studio 4 Creative Suite® 5.5 Design
Creative Suite 5.5 Web Creative Suite 5.5 Production Startups Funding M&A Laptops Smart Phones
Desktops Cameras & Camcorders Netbooks Tablets Virtualization Microsoft Surface WordPress
Software Products Cloud Computing Current Affairs Technology TV TV
Earnings XAML E-Commerce MonoTouch Mono for Android Deals Electronics
Mobile Phone Laptop Tablet Book Computer Press Releases Reviews
Products Books Companies Windows Azure SQL Azure Interviews Mac
Web Browsers Symbian Windows Forms WPF Windows Services HTML 5 Office 365
SharePoint 2010 Exchange Server Adobe Visual Studio 2012 iPad Flex / Flash Games
Windows 9
X
 Login
Please login to submit a new post, reply and edit exiting posts, see user profiles, and access more features. If you are not a registered member, Register here.
User Id / Email:
Password:  
Forgot Password | Forgot UserName