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:c6b2977480764601abf30f58d952a174 Maledf250b2156c434f3390392d09b1c9563

Women: 1c5d25d275f2b603960db85ca42a2533 Female

4. Check box

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

5. Button

20e3a70761e951a1f4e087f75ead8f87

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. b613fb3efe3ffcd49788cf3c24a1ee4b

7. Submit button

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

8. Hidden fields

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

9. Upload domain7c571135469d6fdb1d152c9981e73329

10. Image button379cd0865c2c51c441f6e3b8148c6458

11. Drop-down list221f08282418e2996498697df914ce4e

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

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>

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: d8fe78c725b43c4f1f7a8d7f3e05d89b

Read-only text box: e7a863858693c83d041a7c656098a46ff5a47148e367a6035fd7a2faa965022e

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!