11-17 Web Base-Forms

1.3.2 Form

First, the Role: Forms (Form) as the Web page and users contact the most direct, most frequent page elements, which in the site user experience occupies the most important position. Forms are also often used for user registration, login, voting and other functions to attract new users and retain new users of important tools. If the form design user experience is not high, there will undoubtedly be a significant reduction in the stickiness of site users.
Can collect the user's information and the feedback, is the website manager and the browser Communication bridge. The form consists of two parts: part of the HTML source code that describes the form (for example, fields, labels, and buttons that the user sees on the page), and a script or application that handles the submission (such as a CGI script). You cannot collect form data without using a processing script.

Second, format

Third, classification

1. Text Input: (text box, password box, text field, hidden field)

2. button (submit button, reset button, normal button, Picture button)

3. Select Input (radio button group, Group of Check button, file upload, drop-down list box)

4. Label labels

1) Format: <label for= "" ></label>

2) Function:<label> label defines the callout (tag) for the INPUT element.

The label element does not present any special effects to the user. However, it improves usability for the user of the mouse. This control is triggered if you tap text inside a LABEL element. That is, when the user selects the label, the browser automatically shifts the focus to the label-related form controls.

The For property of the <label> tag should be the same as the id attribute of the related element.

5. Summary:

11-17 Web Base-Forms