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