Page 4 - HTML Forms

HTML

HTML Forms

In our previous article, we discussed how to create tables in HTML and how to add data to them. In this episode we will go over forms and how to collect data from users. We will learn to create text fields, radio buttons, check-boxes, buttons, drop-down menus, and much much more. There is a lot of ground to cover in this one, so let's go ahead and get started.

Author Info:

By: James Payne

Poor Best

Rating:

/ 4

February 06, 2008

TABLE OF CONTENTS:

See Also:

print this article

SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement

HTML Forms - Buttons
(Page 4 of 6 )

You can also create buttons in HTML. Below is a simple button and a submit button:

<html>

<body>

<form action="">

<input type="button" value="I am a button">

<br><br>

<input type="submit" value="Me too!">

</form>

</body>

</html>

The result:

Fieldsets

You can pretty up your form elements with fieldsets. Here is an example showing how to do so:

<html>

<body>

<fieldset>

<legend>

Client Name:

</legend>

<form action="">

First Name <input type="text" size="3">

Last Name <input type="text" size="3">

</form>

</fieldset>

</body>

</html>

The result of this code is:

Client Name:

Next: Sending Data with a Form >>

blog comments powered by Disqus

HTML ARTICLES

- HTML5 Boilerplate: Working with jQuery and M...
- HTML5 Boilerplate Introduction
- New API Platform for HTML5
- BBC Adopts HTML 5, Mozilla Addresses Issues
- Advanced Sticky Footers in HTML and CSS
- HTML and CSS Sticky Footers
- Strategy Analytics Predicts HTML5 Phones to ...
- HTML5 Guidelines for Web Developers
- Learning HTML5 Game Programming
- More Engaging CSS3 and HTML Background Effec...
- Engaging HTML and CSS3 Background Effects
- More Web Columns with CSS3 and HTML
- Columns with CSS3 and HTML
- Creating Inline-Block HTML Elements with CSS
- Drag and Drop in HTML5: Parsing Local Files

Find More HTML Tutorials

Dev Articles Forums

Weekly Newsletter
Developer Updates
Free Website Content

Privacy Policy
Support

© 2003-2012 by Developer Shed. All rights reserved. DS Cluster 10 - Follow our Sitemap

Popular Web Development Topics

All Web Development Tutorials