CSS summary 18:html forms and inputs

Source: Internet
Author: User

1 HTML forms and inputs 1.1 HTML Form Introduction

A form is a region that contains form elements.

Form elements allow users to enter content in the form, such as text fields (TEXTAREA), drop-down lists, radio boxes (radio-buttons), check boxes (checkboxes), and so on.

The form uses the form label <form> to set:

Example: text input box in a form

<form>
.
<input type= "Text" >
.
</form>

1.2 input type of the form input control

In most cases, the form label used is the input label (<input>).

The input type is defined by the type attribute. Most of the input types that are often used are as follows:

1.2.1 Text input type:

Text fields are set by <input type= "text" > tags, and text fields are used when the user is typing letters, numbers, and so on in the form.

1.2.2 Password Password input type

Text fields are set by <input type= "password" > tags, and text fields are used when the user wants to "type a non-display password" in the form.

1.2.3 Checkboxes Multi Box type

Text fields are set by <input type= "Checkboxs" > tags, and text fields are used when the user wants to "type a non-display password" in the form.

1.2.4 Radio Radio Box

Text fields are set by <input type= "Checkboxs" > tags, and text fields are used when the user wants to "type a single selection" in the form.

1.2.5 Submit button

The text field is set by the <input type= "submit" > tag, which is used when the user wants to "submit other input values" in the form.

1.2.6 Select Selection button

Text fields are set by <input type= "Select", which is used when the user wants to "make multiple selections" in the form, and so on.

1.2.7 File Submit button

Text fields are set by <input type= "file, which is used when the user wants to" upload files "in the form, and so on.

CSS summary 18:html forms and inputs

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.