Top Nav

Your how-to site for community journalism

HTML

Basic HTML

HTML is the language that web browsers and web servers use to display web pages. HTML "tags," when added to a plain text document, instruct web browsers how to display that content on a web page. If a web page is a house, its HTML code is its blueprint. HTML...

Creating Forms

Note: This is also available as a functionality demo , so is left relatively unformatted here. If you want to give your readers the ability to interact with your site - to send information to it rather than simply receive information from it - you'll...

Creating Forms Module: Introduction

Creating Forms: Introduction Creating Forms Introduction If you want to give your readers the ability to interact with your site -- to send information to it, rather than simply receiving information from it -- you'll need to move beyond...

Creating Forms Module: The <form> Tag

Suppose we want to create a basic login form: Login:           Password: We'll need three parts to this form: A text box for users to enter their login name Another text box for their password A "submit" button to send their information off ...

Creating Forms Module: Text and Password Fields

Creating Forms: Text and Password Fields Creating Forms Text and Password Fields Text boxes, with a type attribute of "text," are ideal for letting users enter short words and phrases, like a first or last name, a login name or a password. <input...

Creating Forms Module: Submit Buttons

Creating Forms: Submit Buttons Creating Forms Submit Buttons You're nearly finished creating your example login form now. Here's the code you should have so far: <form action="http://mysite.com/scripts/login.php" method="post"> <input...

Creating Forms Module: Submit Buttons

Creating Forms: Submit Buttons Creating Forms Submit Buttons You're nearly finished creating your example login form now. Here's the code you should have so far: <form action="http://mysite.com/scripts/login.php" method="post"> <input...

Creating Forms Module: Hidden Fields and Checkboxes

Creating Forms: Hidden Fields and Checkboxes Creating Forms Hidden Fields and Checkboxes There are other types of form elements and inputs. Now that you've learned the basics, let's go through the rest of them. Hidden Fields Sometimes you...

Creating Forms Module: Labels and Radio Buttons

  Creating Forms Labels and Radio Buttons If you want your page to be the Cadillac of Web pages, as accessible as it is well crafted, you should use the <label> tag in your forms. The simplest way to use it is to wrap the tag around...

Creating Forms Module: Text Areas

Creating Forms: Text Areas Creating Forms Text Areas The text area is the odd man out in a form. Unlike a text field, a one-line field with a set limit of characters, the <textarea> and </textarea> tags create a box into which...

Creating Forms Module: The Select Tag: Pulldown Menus

Creating Forms: The Select Tag: Pulldown Menus Creating Forms The <select> Tag: Pulldown Menus The select tag is another oddball in the world of forms. When you have too many possible answers to a question to use checkboxes or radio...

Creating Forms Module: The Select Tag: Multiple Choice Boxes

Creating Forms The <select> Tag: Multiple Choice Boxes What if we have a long list of items, and want to allow our users to select as many or as few of those items as they like? By simply adding size and multiple attributes to our beginning...

Creating Forms Module: One Last Attribute

Creating Forms: One Last Attribute Creating Forms One Last Attribute Normally, users can jump from one part of a form to the next by pressing the TAB key on their keyboard. When they finish filling in the "First Name" text field, for example,...

Cascading Style Sheets (CSS)

From the beginning, HTML has always been perceived as a very simple "language" to learn.  With only a few simple tags, you could mark up a document and put it online.  HTML was very forgiving, flexible and intuitive. However, this same simplicity w...

Next Section: Page Layout and Design

Powered by WordPress. Designed by Woo Themes