Form elements: the most comprehensive summary of how to obtain and use various html form elements

A form is an interaction tool between web pages and users. It consists of a

element as a container, encapsulating any number of other form controls, as well as any other tags available in the element. The form can Contains form control elements such as , , , <fieldset>, <legend>, <label>. <strong>What are the form elements? </strong>It includes the following elements <form>, <input> input text box, <button> button, <option> definition drop-down menu, <select>, <textarea> text area, etc. , of course, some new elements have been added in html5. The following content <strong> summarizes various html form element acquisition and usage examples! </strong>

1. New form elements and usage examples in HTML5

##1. Summary of how to use new form elements in HTML5 and practical tutorials

## HTML5 new form element

: The tag specifies the key pair generator field used for the form.

: The

tag defines different types of output, such as the output of a script.

2.Comprehensive understanding of HTML Form form elementsThe datalist element specifies a list of options for the input field.

The list is created through the option element in the datalist. If you need to bind the datalist to the input field, please use the list attribute of the input field to reference the id of the datalist.

The keygen element is a key-pair generator. When the form is submitted, two keys are generated, one is the private key and the other is the public key. The private key is stored on the client, and the public key is sent to the server.

The output element is used for different types of output, such as calculation or script output.

##2. Detailed explanation of form elements in PHP 1. Introduction to PHP form elements: select field tags and text field tags

By selecting the field tags and Can create a list or menu. The menu is used to save space. Under normal conditions, only one option of the menu can be seen. Only after clicking the lower triangle button on the right to open the menu can all options be seen. A list can display a certain number of options. If this number is exceeded, a scroll bar will automatically appear and the viewer can drag the scroll bar to view each option.

2. Introduction to PHP form elements: input field tag

Input field tag is a form One of the most commonly used tags in . Commonly used input field tags include text boxes, buttons, radio buttons, check boxes, etc.

3.

Example of PHP processing Checkbox multi-select box form element

The checkbox value acquisition method is different from the ordinary input acquisition method. A unified value needs to be given to the checkbox Name in the form of an array, such as mycheckbox[], is a way to define an array in PHP. Then get this data in the background, such as $_POST['mycheckbox'] of the POST form. At this time, the data is already an array.

3. JavaScript and jquery to obtain and use form elements

1. Several ways to obtain form elements in javascript

The first method is to get it through the name of the element

The second method is to get it through the index of the element

The third method is to get it through the id of the element

2.

jQuery code for processing form elements

1). Get the value of the input class: $("input").val();

2). Get the value of the textarea class: $("textarea").val();

3). Get the value of the select class: $("select").val();

When the form contains multiple input classes (or textarea classes and select classes), use the above The method will get an array. Of course, you can add IDs to these controls to get the value of a specific control, for example: $("input#myID").val().

Questions and answers related to form elements:

1. Front-end - Is there a problem with the relative movement of the page when the form element is clicked on the mobile terminal?

2. javascript - How to get the internal value of the React-bootstrap form element control in react

3. How to get the form in javascript Element select

【Related recommendations】

1. php.cnOriginal html5 video tutorial

2. 《php. cn Dugu Jiujian (4) - php video tutorial"

3. php.cn Dugu Jiujian (3) - JavaScript video tutorial

The above is the detailed content of Form elements: the most comprehensive summary of how to obtain and use various html form elements. For more information, please follow other related articles on the PHP Chinese website!