HTML Forms

Get all the lessons from the Free HTML Forms Class online to read as like. This tutorial will take you through all you need to know to create and manage HTML forms.

If you already know HTML, but you still don't understand forms, this class will help. After 5 days you will know how to use form tags, how to write a mailto or CGI form, how to decorate your forms, and even how to validate them with JavaScript. HTML forms are hard but this class will help make them easy.

Getting forms to work is difficult, but the easiest way is with a simple mailto form that connects an email address to the form action.

There are lots of ugly Web forms on the Web, but where are some good looking ones? Submit your favorite Web forms and see what other readers think are the best Web forms.

Building your first HTML form, hints on building and using HTML forms

There are many questions about HTML forms that need answers. This FAQ covers some of the more common questions about HTML forms.

Online forms can be a pain for your readers to fill out, but they don't have to be. With some knowledge of HTML form tags, some CSS and JavaScript, you can create a form that your customers actually want to fill out.

Web forms allow you to control more about the contacts that you receive from your site.

When you submit data to a Web form with the GET method, you are sending that data via a URL. But there are many characters that should not be included in URL strings. So if your customers include them in their form entries, you need to encode them. This tutorial explains the basics of URL encoding and has a list of the common characters that need to be encoded.

Forms with multiple pages are hard to write so that the server gets all the form data. Learn how to use hidden tags to save the form data across multiple pages.

HTML will let you build a form to display on a Web page, but you can't use HTML to make the form actually do anything.

It's fairly easy to learn to write HTML forms, but there are a number of tricks to creating forms that your readers will want to fill out.

The disabled attribute is a useful tool for HTML forms developers, as it allows you to make forms that are more dynamic and useful to the user. Use the disabled attribute to set form elements to disabled so that the customer cannot fill them in.

Create a form and receive the results by email

Make your forms look less ugly, and fit into the style of your website by using CSS on the form elements. You don't have to be satisfied with ugly forms any longer.

The INPUT Text tag creates a text input field in your HTML form. It is the default type of input tag. It is an HTML 4 and HTML 5 tag.

The INPUT URL tag creates an input field for URLs in your HTML form. It is an HTML 5 tag.

The INPUT Telephone tag creates an input field for telephone numbers in your HTML form. It is an HTML 5 tag.

The INPUT Submit tag is used to send the form data to the script defined in the HTML form tag. It is an HTML 4 and HTML 5 tag.

The INPUT Reset tag is used to bring HTML forms back to their initial state. It is an HTML 4 and HTML 5 tag.

The INPUT Search tag creates a search field in your HTML form. It is an HTML 5 tag.

The INPUT Month tag is used to display month form fields with a calendar entry field. It is an HTML 5 tag.

The INPUT Week tag is used to display week form fields with a calendar entry field. It is an HTML 5 tag.

The INPUT Email tag is used to request email addresses in HTML forms. It is an HTML 5 tag.

The INPUT Number tag is used to request a specific number for HTML forms. Browsers that support it will display a select box with incrementing numbers. It is an HTML 5 tag.

The INPUT Range tag is used to request an imprecise number for HTML forms. Browsers that support it will display a range slider to select the number. It is an HTML 5 tag.

The INPUT Password tag is used to collect passwords in HTML forms. It is an HTML 4 and HTML 5 tag.

The INPUT Time tag is used to display time form fields with a clock entry field. It is an HTML 5 tag.

The INPUT Datetime-Local tag is used to display date and time form fields with a calendar entry field. It is an HTML 5 tag.

The INPUT Datetime tag is used to display date and time form fields with a calendar entry field. It is an HTML 5 tag.

The INPUT Date tag is used to display date form fields with a calendar entry field. It is an HTML 5 tag.

The INPUT Image tag is used to display images as input fields. It is an HTML 4 and HTML 5 tag.

The INPUT Hidden tag is used to submit data that is hidden from the form users. It is an HTML 4 and HTML 5 tag.

The INPUT File tag is used to upload files to web forms. It is an HTML 4 and HTML 5 tag.

Learn about the INPUT tag for inputting HTML form data.

The INPUT Button tag is used to display text buttons. It is an HTML 4 and HTML 5 tag.

The INPUT Checkbox tag is used to add checkboxes to forms. It is an HTML 4 and HTML 5 tag.

The INPUT Radio tag is used to add radio buttons to forms. It is an HTML 4 and HTML 5 tag.

The INPUT Color tag is used to display color pickers and collect color information in HTML forms. It is an HTML 5 tag.

HTML5 brings thirteen new types of input tags for HTML forms. And even if your readers all use Internet Explorer 7, you should be using these HTML tags. These HTML5 input tags for forms add benefits to your forms that outweigh any fears you might have of using HTML5. Learn how to use the HTML5 input field types.

HTML5 speech input lets you set up speech-enabled forms. Learn how to use the speech input feature of HTML5 to collect form data from your readers. This demonstration will show you how to search Google using voice input. And best of all it works right now in Chrome.

This is a definition of the term query string as used in web design.

When you are adding styles to the web forms, you need to be aware of how browsers interpret the box model so that your styles turn out as you expect. This article by Alexander Peev explains how web browsers interpret the box model for various form input elements.

When you are adding styles to the web forms, you need to be aware of how browsers interpret the box model so that your styles turn out as you expect. This article by Alexander Peev explains how web browsers interpret the box model for various form input elements. This is the second article explaining how the box model affects the form fields for...

There are two methods you can use on your HTML forms but how do you decide which one to use? This article explains when you should use each one.

Frequently asked questions about forms and how to use them.

Frequently asked questions about forms and how to use them.

If you believe that forms are not really tabular data, then it is important to lay them out using CSS. But it is difficult to create a forms layout that is both reusable and works in most browsers and looks nice. Nick Rigby wrote up a nice article on one way to do this for A List Apart.