Get all blogger tools and tutorials with Educations tools , Entertainment Tools, Govt. Jobs Alert... blogger tips,tricks secirets and more tutorial , templates , widgets ,multiuse of alphause,
Friday, March 28, 2014
Wiki whole page tools
RSSwikiHow Atom feed RSSwikiHow: How-to of the Day
MESSAGES
LOG IN
EXPLORE
HELP US
EDIT
Search
Home» Categories» Computers and Electronics» Internet» Website and Blog Creation» Markup Languages» HTML
Article Edit Discuss
Edit Article
How to Create a Text Input Using HTML
Sample Code Creating a Text Input Using HTML
Edited by Zeal, MA, Luv_sarah, Teresaand 23 others
HTML forms are what you need for getting user input. But first, you need to make a text box! Here is a simple tutorial on how to make a text box if you're using Windows.
Sample Code
Sample HTML Text Input
Creating a Text Input Using HTML
1Create an HTML page.To do that, open up Notepad or any other plain text editor. On Windows, you can access Notepad via the Start Menu, at: "Accessories", then "Notepad". Or, use the Windows key + R, then typenotepadand press enter.
Ad
2Put in the code.Write the normal tags (), and it should look like:
3Now that you have the base code, you're ready to make a form to hold the text box and then make the text box.
*.Between the two body tags, ( and ), type:.
4Save the page.Click "File", "Save As", and then save it as test.html. Or, save it as anything.html.
5Open up the window and see your new text box!
*.Using JavaScript, now you could make the text box do something in conjunction with a button!
*.If you want to put some text before the input box to explain what it is, do so before the tag.
Ad
Add your own method1.
Save
Video
This tutorial shows you a few more tricks with creating the basics of a form.
Tips
*.You also want to include an id. Right after name="whatever", put id="whatever". It is recommended to use the same id as the name for ease of use.
*.You can also use other programs, such as Notepad++, PSPad, JEdit, etc. More complex (and expensive) programs such as Dreamweaver are good too.
*.As the video shows, you can set a maximum amount of characters to the box! Just add the maxlength attribute to the input tag. It would look like: maxlength="10".Ad
Things You'll Need
Any text editor
Browser
Related wikiHows
How to
Create a Big Block Text Box for an HTML Form
How to
Create a Check Box with HTML
How to
Create HTML Forms
How to
Use Font Color Tags in HTML
How to
Shim Text Around a Table in HTML
How to
Link Within a Page Using HTML
How to
Create a Simple Web Page With HTML
How to
Create a Form in HTML That Can Be Submitted to an Email Address
Article Info
Featured Article
Categories: Featured Articles| HTML
Recent edits by: Chris, Jeff, Frostmaker84
Discuss Print Email Edit Send fan mail to authorsAd
Thanks to all authors for creating a page that has been read 30,926 times.
Was this article accurate? Yes No
Random Article Write An Article
[Ad] m.airtel.in/dth
Related Articles
How to
Create a Questionnaire in HTML
How to
Set a Background Image in HTML
How to
Create an Email Link Using HTML Programming
How to
Create a Dropdown Menu in HTML and CSS
Share Pin It
Featured Articles
How to
Construct Regular Polygons Using a Circle
How to
Deal With Criticism
How to
Drink Bourbon
How to
Build a Portable Cat's Tree House
Meet a Community Member
Meet Laura , a wikiHowian from Ohio who has been on the site over 3 years. She has started 88 articles, many of which have been chosen as Rising Stars , and she has made over 9,900 edits on the site. She is a Featured Author , and her favorite ways to help out are patrolling recent changes and formatting articles . The first article she worked on for wikiHow was How to Create a Signature With Pictures in Outlook Express in Windows Vista , but her favorite articles to work on have been those related to caring for people with dementia and to parenting teens, for which she’s used her own experiences as a guide. She loves how the people in the wikiHow community jump to help each other with edits and problems. Her advice to new contributors is to take your time to get to know all the tools and to invest your energy and heart into writing well-researched, quality how-tos .
Join The Community
Follow Us On...
Home About wikiHow Terms of Use RSS Site map Log In
All text shared under a Creative Commons License. Powered by Mediawiki.
Contribute
to wikiHow!
Edit this article
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment