logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
Action Movies
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel
Southwest USA


dailyclick
All times in EST

Low Carb: 8:00 PM

Full Schedule
g
g HTML Site

BellaOnline's HTML Editor

g

The HTML Form Submit and Reset Buttons – The Input Tag

Guest Author - Diane Cipollo

A web form isn’t very useful to anyone without a submit button. In fact, without this button, your web form will just sit there on your webpage and cannot send the information it has collected to the processing program.

You will use the input tag to create a submit button. You can also use the input tag to create a reset button (which when clicked will reset all the input fields to their defaults).

<input type="submit" value="Send">

<input type="reset" value="Reset">
<left angle bracket
inputelement name
typeThe type attribute will control the type of button on the web form.
valueThe value attribute will display a label on the button.
>right angle bracket

As you can see, there are two attributes that control the web button. Also there is no closing input tag.

The Type Attribute
The type attribute tells the web browser to display a button within the form on the webpage. It will be the default gray, slightly 3D button. In the example, the first input tag tells the browser to display the submit button and the second input tag displays the reset button. When clicked these two buttons behave differently. The submit button will send the data to the CGI program and the reset button will clear the form back to its default condition.

The Value Attribute
The value attribute tells the web browser what text to display on the top of the button. Whatever is between the quotation marks on the right side of the equal sign will be displayed. In the example, the first input tag sets the label on the button to "Send" and the second input tag sets the label of the other button to "Reset".




This site needs an editor - click to learn more!

Add The+HTML+Form+Submit+and+Reset+Buttons+%96+The+Input+Tag to Twitter Add The+HTML+Form+Submit+and+Reset+Buttons+%96+The+Input+Tag to Facebook Add The+HTML+Form+Submit+and+Reset+Buttons+%96+The+Input+Tag to MySpace Add The+HTML+Form+Submit+and+Reset+Buttons+%96+The+Input+Tag to Del.icio.us Digg The+HTML+Form+Submit+and+Reset+Buttons+%96+The+Input+Tag Add The+HTML+Form+Submit+and+Reset+Buttons+%96+The+Input+Tag to Yahoo My Web Add The+HTML+Form+Submit+and+Reset+Buttons+%96+The+Input+Tag to Google Bookmarks Add The+HTML+Form+Submit+and+Reset+Buttons+%96+The+Input+Tag to Stumbleupon Add The+HTML+Form+Submit+and+Reset+Buttons+%96+The+Input+Tag to Reddit




RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map


For FREE email updates, subscribe to the HTML Newsletter


Past Issues


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2014 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact BellaOnline Administration for details.

g


g features
What's Coming in HTML 5

What is FTP?

HTML Fundamentals - Tables

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2014 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor