12.09.2015 Views

Boot Camp

Web Authoring Boot Camp - StudioBast

Web Authoring Boot Camp - StudioBast

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Web Authoring <strong>Boot</strong> <strong>Camp</strong><br />

Hidden<br />

Hidden inputs are not visible in the rendered page, but allow a designer to maintain a<br />

copy of data that needs to be submitted to the server as part of the form. This may, for<br />

example, be data that this web visitor entered or selected on a previous form that needs to<br />

be processed in conjunction with the current form.<br />

<br />

<br />

<br />

Planning Forms<br />

Using forms on your website can be useful for several reasons. You can have a form act<br />

as your email contact, so that you can get information from your visitor in an organized<br />

fashion. You can use a simple form as a poll or survey. Web forms can be used to enter<br />

shipping or credit card data to order a product or can be used to retrieve data.<br />

HTML forms are fairly simple to build and use. For more complex forms , you can combine<br />

HTML with various scripting languages to allow developers to create dynamic websites.<br />

This includes both client-side and/or server-side languages. We will focus on simple<br />

HTML forms here.<br />

Use forms only when you feel they are necessary or useful – to the visitor, not just the client.<br />

Decide form information that is needed in order to successfully craft the questions.<br />

Determine if the form will post or get data, and if the form needs to work with a database.<br />

For database-related forms, you’ll want more extensive tools. For simple forms, you can<br />

aim for:<br />

• Contact information: first name, last name, email address.<br />

• Demographic information: gender, location.<br />

• Choices information: visitor needs, preferences, actions needed.<br />

• Comment information: for items not queried about in the form.<br />

Form Redirect Pages<br />

When your visitor submits a form, it is common practice for you to redirect them to a<br />

page that informs him/her that the form was submitted. This can be a thank-you page, or<br />

a redirect to a page on your site that offers more contact information or useful information.<br />

If there is no redirect, you visitor might not know if the form was submitted, which<br />

is poor usability and accessibility practice.<br />

178

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!