What are the form elements of HTML?

HTML form elements are: 1. Text area "TEXTAREA"; 2. List box "SELECT"; 3. Text input box "INPUT type=text"; 4. Password input box "INPUT type=password" "; 5. Radio input boxes, etc.

The operating environment of this article: Windows 7 system, HTML5 version, Dell G3 computer.

Commonly used form elements in HTML include: text area (TEXTAREA), list box (SELECT), text input box (INPUT type=text), password input box (INPUT type=password), radio input box (INPUT type=radio), check input box (INPUT type=checkbox), reset button, submit button, hidden field, etc.

1. Text field

<input type="text" name="text" value="" />

2. Password field

The password is similar to the text box, but the content entered in it is displayed as dots.

<input type="password" name="text" value="" />

3. Radio button

Men: Male

Women: Female

4. Check box

<input type="checkbox" name="check1" value="" />

5. Button

6. Reset button

When the reset button is clicked, the form where the button is located is reset. All will be cleared, leaving other forms unaffected.

7. Submit button

When the submit button is clicked, the browser will automatically submit the form.

8. Hidden fields

Hidden fields are not displayed in the browser, just to save some less important ones. data exists.

9. Upload domain

10. Image button

11. Drop-down list

<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>

Copy after login

For example:

Attribute: disabled, optional value: disabled, Description: Specifies to disable the drop-down list.

12. The label

abel element will not present any special effects to the user. However, it improves usability for mouse users. This control is triggered if you click on the text inside the label element. That is to say, when the user selects the label, the browser will automatically turn the focus to the form control related to the label. For example, when placing a radio button inside a label. Then clicking the text in the label will also trigger the radio button, instead of just clicking the small dot.

For example:

<label><input type="radio" name="male" />男人</label></p>
<label><input type="radio" name="male" />女人</label></p>

Copy after login

13. Disabled (disabled) and read-only (readonly)

Disabled and read-only attributes. readonly is only valid for input (text/password) and textarea, while disabled is valid for all form elements, including select, radio, checkbox, button, etc. However, after the form element is disabled, when we submit the form via POST or GET, the value of this element will not be passed out, and readonly will pass the value out.

Disable text box:

Read-only text box:

14. TextArea

15. fieldset Defining domain

Fieldset is used to group form elements, and legend is used to set the group title .

The form is mainly responsible for the data collection function in the web page. A form has three basic components: The form tag, which contains the URL of the CGI program used to process the form data and the method for submitting the data to the server. Form fields include text boxes, password boxes, hidden fields, multi-line text boxes, check boxes, radio button boxes, drop-down selection boxes, file upload boxes, etc. Form buttons include submit buttons, reset buttons and general buttons; they are used to transfer data to CGI scripts on the server or cancel input. Form buttons can also be used to control other processing tasks that have defined processing scripts.

Recommended tutorial: "html video tutorial"

The above is the detailed content of What are the form elements of HTML?. For more information, please follow other related articles on the PHP Chinese website!