HTML Button Tutorial

Browser Support

The 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.

Back | HTML Tag Chart | HTML Index | Web Design Tutorials

If you want your web site to rank high in the search engines . . . what are you going to do to get it there? Check out my search engine optmization guide, SEO for YOU: Search Engine Optimization for Ordinary Everyday People!

Check out SEO for YOU now!

Almost a Newsletter

Subscribe 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 ]