Shulou(Shulou.com)06/02 Report--

This article mainly explains the "common HTML form form input input types", the article explains the content is simple and clear, easy to learn and understand, the following please follow the editor's ideas slowly in-depth, together to study and learn "common HTML form form input input types there are" it!

HTML forms are used to collect different types of user input, and a form is an area that contains form elements. Form elements allow users to enter content in the form, such as text fields (textarea), drop-down lists, radio-buttons boxes, checkboxes, and so on. Forms are set up using form tags

1 2 input elements3 HTML form-input element

In most cases, the form tag used is the input tag (), and the element is the most important form element. Input types are defined by type properties (type), and most of the input types that are often used are as follows:

Text field (Text Fields)

Password field

Radio button (Radio Buttons)

Check box (Checkboxes)

Submit button (Submit Button)

What is a Text Fields?

Text fields are set by labels, and are used when users type letters, numbers, and so on into the form. Note: the form itself is not visible. Also, in most browsers, the default width of the text field is 20 characters.

First name:

Last name:

1 2 First name:

3 Last name: 4. What is the password field?

Password fields are defined by labels. Note: password field characters are not displayed in clear text, but are replaced by asterisks or dots.

Password:

12 Password: 3. What is a radio button (Radio Buttons)?

The tag defines the form radio check box option

Male

Female

1 2 Male

3 Female4 4. What is the check box (Checkboxes)?

A check box is defined. The user needs to select one or more options from several given selections.

I have a bike

I have a car

1 2 I have a bike

3 I have a car 4 5. What is the submit button (Submit Button)? > defines the submit button. When the user clicks the confirm button, the contents of the form are transferred to another file. The action attribute of the form defines the file name of the destination file. This file, defined by the action attribute, usually processes the input data received.

Username:

Note: if you type a few letters in the text box and then click the confirm button, the input data will be transferred to the "html_form_action.php" page. The page displays the results of the input.

1 2 Username: 3 4 about the supplement to the html form

A.html basic label form implements interaction principle, introduction of checkbox, check box and drop-down box

Summary: what is a form? A form is a mechanism by which the front end interacts with the server. The form collects user input information and then sends it or submits it to the server. The information entered by the user is called content, and the text of the content is divided into ordinary and password type. the user enters the content information through the checkbox, check box, drop-down box (that is, the drop-down menu), and finally sends it to the server through the submit button! Here we are going to talk about how the browser sends it to the server. It involves the http protocol, that is, the hypertext transfer protocol, which is a mechanism for communication between the browser and the server. The mode is: request-reply, browser sends request = > server receives = > server receives = > result returns browser = > browser displays the page to the user according to the result. The request is divided into GET and POST;, as well as input checkbox, checkbox and select drop-down box.

B.form realizes the interaction between visitors' login, registration page and browser.

Summary: how does the website interact with users? The answer is to use the HTML form (form). The form can transmit the data entered by the viewer to the server, so that the server-side program can process the data sent by the form. & lt:form method= transfer method action= Server File > 1. Tags are pairs of 2.action: where the data entered by the viewer is transferred, such as a PHP page (save.php); 3.method: the way the data is transferred (get/post). Note: 1 > all form controls (text boxes, text fields, buttons, checkboxes, etc.) must be placed between the labels (otherwise the information entered by the user can not be submitted to the server! ) 2 > method: the difference between post/get is a part of the back-end programmer's consideration.

Thank you for your reading, the above is the "common HTML form form input input types have what" the content, after the study of this article, I believe you common HTML form form input input types have a deeper understanding of this problem, the specific use of the need for you to practice verification. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.