|Home | Web Design Tutorials | Free Graphics | Newsletter | Products | Specials | SEO | Sound Effects | Member Perks | Member Login|
HTML Button Tutorial
Browser SupportThe HTML button tag defines . . . you guessed it, a push button!
The difference between a button created with the button tag and button created with a form input element is that with the button tag you can include images and other content.
The simplest button is code as:
<button type="button">Click Here</button>
That would appear on a web page like this:
You can click the button if you want, it won't blow up the world.
You should always specify the type of button it is. If you don't, IE will treat it as a button type button, while other browsers will treat it as a submit type button.
If you use the button element in an HTML form, Internet Explorer will submit the text between the opening an closing button tags, but other browsers will submit the content of the value attribute. For this reason it's best to use the input element to create buttons for an HTML form.
Here's an example of button that has content added to it:
Well . . . that buttons up this tutorial.
This concludes the HTML Button Tutorial.
Check out SEO for YOU now!
Almost a NewsletterSubscribe today for exclusive website design tutorials and grab some free gifts to boot! Learn more, or subcribe below:
Did you know...The member's site has about 100 standards compliant HTML and CSS tutorials, 31 handy reference charts, reprintable content, web graphics, exclusive fonts, free software, free ebooks and more? All this for less than 9 cents a day! [ Details ]
Home | Web Design Tutorials | Free Graphics | Newsletter | Products | Specials | SEO | Sound Effects