About Web Design Book - Chapter 7
Example 7-1: The first form tags
This example doesn't display much, but it shows you how to add a form tag to a document.
This example doesn't display much, but it shows you how to add a form tag to a document.
Example 7-2: Adding text boxes
Simple text boxes are the most basic form element.
Simple text boxes are the most basic form element.
Example 7-3: Other form elements
Add a radio button or textarea for lots of content.
Add a radio button or textarea for lots of content.
Example 7-4: Don't forget the submit button
The submit button and reset button send your form or clear it.
The submit button and reset button send your form or clear it.
Example 7-5: Put them in divs
Put the form in a div to get more control over it.
Put the form in a div to get more control over it.
Example 7-6: Add a second column
Add another column to your form page.
Add another column to your form page.
Example 7-7: Put up a third column
It's also possible to put up three columns on your page.
It's also possible to put up three columns on your page.
Example 7-8: A final contact us page
This is the final version of the contact us form page.
This is the final version of the contact us form page.
Link 7-1: My Biography Page
A standard information page - in this case it's essentially the Web Design / HTML site's "about" page.
A standard information page - in this case it's essentially the Web Design / HTML site's "about" page.
Link 7-2: Contact the Guide
Another standard information page - this one doesn't have a form on it, but it does have my email address.
Another standard information page - this one doesn't have a form on it, but it does have my email address.
Link 7-3: Stay Up-To-Date
A less standard information page, this page lists the RSS feeds that are available on this site. It's similar to a contact us page, but rather than customers contacting me, they sign up to be contacted automatically.
A less standard information page, this page lists the RSS feeds that are available on this site. It's similar to a contact us page, but rather than customers contacting me, they sign up to be contacted automatically.
Link 7-4: Help Center
The Help Center is like a central FAQ for the Web Design / HTML site.
The Help Center is like a central FAQ for the Web Design / HTML site.
Link 7-5: About Privacy Policy
A standard legal page. Most sites, if they collect any information, should have a privacy policy.
A standard legal page. Most sites, if they collect any information, should have a privacy policy.
Link 7-6: Contact Customer Care
This is the email form that About uses to allow customers to email customer care.
This is the email form that About uses to allow customers to email customer care.
Link 7-7: Our Story
And this is the official About About.com Web page.
And this is the official About About.com Web page.
Link 7-8: Your About Page is a Robot
But what kind of robot is it? And how helpful is it?
But what kind of robot is it? And how helpful is it?
Link 7-9: Writing Web Pages that Meet Your Customers' Goals
Annoying your customers is not a good way to get them to remain your customers. And creating information pages that don't provide the information they're looking for is annoying.
Annoying your customers is not a good way to get them to remain your customers. And creating information pages that don't provide the information they're looking for is annoying.
Link 7-10: Mail Links on Your Web Site
Learn how to write good mailto links.
Learn how to write good mailto links.
Link 7-11: Rules for Good Web Writing
Follow these rules and your writing on the Web will be great.
Follow these rules and your writing on the Web will be great.
Link 7-12: About IBM
A good looking about page for the IBM Web site.
A good looking about page for the IBM Web site.
Link 7-13: Copyright and the Web
Understanding how copyright works on the Web is crucial if you're going to post anything up on the Web.
Understanding how copyright works on the Web is crucial if you're going to post anything up on the Web.
Link 7-14: Using Mailto
Improve your mailto links.
Improve your mailto links.
Link 7-15: Mailto Forms
Make forms work with mailto.
Make forms work with mailto.
Link 7-16: Why Mailto Forms Don't Work
Mailto forms may be easy, but they aren't always reliable.
Mailto forms may be easy, but they aren't always reliable.
Link 7-18: Submit Your Site to the Web Design Gallery
An example of an online form to collect information so that you get what you need to get and not just random emails.
An example of an online form to collect information so that you get what you need to get and not just random emails.
Link 7-19: Use a Disposable Email Address
Protect yourself and your email from spam by using disposable email addresses.
Protect yourself and your email from spam by using disposable email addresses.
Link 7-20: Spam Fighting Techniques
Learn tips and techniques for fighting spam.
Learn tips and techniques for fighting spam.
Link 7-21: Top 5 Most Effective Tips to Avoid Getting Spam Altogether
These 5 tips are the best the Email Guide has to offer.
These 5 tips are the best the Email Guide has to offer.
Link 7-:22: How to Create User Friendly Forms
Make your forms more usable.
Make your forms more usable.
Link 7-23: Add a Page
Even with forms I still get spam. I get a lot of really bad site suggestions on my add a page URL. Almost none are actually usable, in fact.
Even with forms I still get spam. I get a lot of really bad site suggestions on my add a page URL. Almost none are actually usable, in fact.
Link 7-24: Form Tags
There are many form tags you can use to create great Web forms.
There are many form tags you can use to create great Web forms.
Link 7-25: Using Label for Accessibility
The label tag is a great tag for making forms more accessible. This article will show you how.
The label tag is a great tag for making forms more accessible. This article will show you how.
Link 7-26: Free Form to Email CGIs
There are lots of form to email scripts available for you to use if the mailto option doesn't work.
There are lots of form to email scripts available for you to use if the mailto option doesn't work.