I’m Dudley Storey, the author of Pro CSS3 Animation. This is my blog, where I talk about web design and development with , and . To receive more information, including news, updates, and tips, you should follow me on Twitter or add me on Google+.

web developer guide

my books

Book cover of Pro CSS3 AnimationPro CSS3 Animation, Apress, 2013

my other blogs

Massive Head Canon: Intelligent discussion of movies, books, games, and technology.

my projects

A Sass color keyword system for designers. Replaces CSS defaults with improved hues and more memorable, relevant color names.

CSSslidy: an auto-generated #RWD image slider. 3.8K of JS, no JQuery. Drop in images, add a line of CSS. Done.

tipster.ioAutomatically provides local tipping customs and percentages for services anywhere.

HTML Forms: Introduction

html / forms

Estimated reading time: 2 minutes, 5 seconds

Forms are ubiquitous on the web. Any time you provide a username and password to log into a site, add a comment to a blog, or order anything online, you are filling out a form.

This section covers the HTML needed to create a form while touching on the principles of good form design. However, there are two important areas that we will need to leave unaddressed at this time:

  • We will not have the opportunity to cover the processing of form data, i.e. what happens after the user clicks the “Submit” button. HTML allows for the creation of the form, but allows for limited from validation. In addition, you must use at least one other web development language to double-check the validation, together with all the other tasks: inserting the validated user data into a database with , or checking it as a username/password combination, or sending the submitted information in an eMail. Typically these languages include , , Perl, or some alternative. Processing of form data is covered in later articles.

  • The form we create will work just fine (up until the moment the user presses submit), but will look terrible. We use to control the appearance of forms, which is again covered in a later article.

Learners are often tempted to add more markup to their forms to make them “look better”. I know it is frustrating to create a form that doesn’t look the way you want it to, but please don’t add markup other than what you learn here. You’ll only be adding redundant or irrelevant tags that will get in the way when we add CSS to forms.

comments powered by Disqus

This site helps millions of visitors while remaining ad-free. For less than the price of a cup of coffee, you can help pay for bandwidth and server costs while encouraging further articles.