Choose Insert Form Label Field in Java

Making Denso QR Bar Code in Java Choose Insert Form Label Field

You can also click the Label Field button in the Forms category of the Insert panel The <label> tag is inserted into your page code, as shown in Figure 7-13 If you re adding a <label> tag to an existing form object, such as a check box or radio button, check the code to ensure that the label for the form object sits between the opening and closing <label> tags

A <fieldset> tag is used as a container for other form objects Use fieldsets to define multiple fields into logical groups within the form For instance, one fieldset may include text input fields for name and e-mail information, and another fieldset may include username and password information (see Figure 7-14)

You can use the <legend> tag with the <fieldset> tag to label each field set, as in the following example:

<form method= post action= > <fieldset> <h2> <legend>Contact Information</legend> </h2> <label> Name: <input name= name type= text id= name /> </label> <br /> <label>Email: <input name= email type= text id= email /> </label> </fieldset></form>

These tags create a very interesting look in a browser Figure 7-15 shows how the example appears in Firefox on a PC

To insert <fieldset> and <legend> tags, follow these steps:

1 Open a file containing a form in which you want to insert <fieldset> and <legend> tags If you haven t yet created a form, see the earlier section, Creating a Fabulous HTML Form

You can also click the Fieldset button in the Forms category of the Insert panel The Fieldset dialog box opens

The legend is like a heading for the objects grouped inside the <fieldset> tags Dreamweaver wraps the selected content with <fieldset> and <legend> tags After the <fieldset> and <legend> tags have been added to your code, you can style the content with CSS As an alternative to the legend and fieldset tags, consider using div tags and CSS, which provide greater control for spacing, margins, background, colors, fonts, and so on

If you ve ever filled out a form and gotten a pop-up message back from your browser that says you filled out the form incorrectly or that you missed entering data in a field, you ve witnessed form validation in action Validation can be performed dynamically with PHP, ASP, JSP, or ColdFusion code However, for most non-dynamic sites, a simple JavaScript Validate Form action does the trick The Validate Form behavior cross-checks all the fields against the validation rules you specify to ensure that the user entered the data correctly This way, you can check the form on the client side for completion and accuracy before the server collects the data You can attach validation events to as many fields in the form as you want A couple of validation events are onBlur: Validates individual fields as the form is being completed onSubmit: Reviews the entire form input data all at once To validate a form with the Validate Form action, follow these steps:

1 To validate the entire form, select the form s <form> tag, or to validate an individual field, select that form object

Form from the Add Behavior pop-up menu The Validate Form dialog box opens, as shown in Figure 7-16, showing a list of all the named fields in your form

choose a setting for it: Value Required: Enable this option when the field must contain data of some kind, rather than stay blank Accept Anything: If this option is selected, the selected field must also be set to Required so that a user can input any type of data into the form field Accept Email Address: Select this option to have the validation script verify that the field contains the @ symbol Accept Number: Select this option to have the validation script check that this field contains numbers only Accept Number From/To: When this option is selected, you can specify a range for acceptable numbers When validating the entire form, you must set a value and accept an option for each field in the form