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
Html uses by wiki
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,761 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 Bold Text With HTML
How to
Define a Selectable List in HTML
Share Pin It
Featured Articles
How to
Drink Bourbon
How to
Build a Portable Cat's Tree House
How to
Sideload a Modern UI App on Windows 8
How to
Forget Your Crush
Meet a Community Member
Meet Connor , a wikiHowian from the US who has been on wikiHow for over 3 years. As an Admin , Booster , and Welcomer , Connor takes on many roles around the community; his favorite things to do on wikiHow are patrolling recent changes , boosting new articles , voting on article deletions , and doing clean-up and organizing tasks around the site and in the wikiHow forums . The first article Connor ever worked on was How to Start a Writer's Notebook , and his proudest accomplishment since then was becoming a New Article Booster . He’s stuck with wikiHow through the years because of the collaborative community; he says, “You never feel alone on wikiHow – there’s always people to help .”
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