Community Learn Tools Library Leisure
search
English
Home > Web Front-end > Front-end Q&A > What is a form in html

What is a form in html

青灯夜游
Release： 2021-10-11 15:39:15
Original
6510 people have browsed it

In HTML, a form is an area containing form elements. It is mainly used to collect different types of user input and needs to be defined using the form tag. The form element is a control that allows users to enter content in the form. , such as input tag (input), text area (textarea), etc.

What is a form in html

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

A form is an area containing form elements.

Form elements allow users to enter content in the form, such as text areas, drop-down lists, radio-buttons, checkboxes, etc.

Forms are created through the

tag, where form objects such as form fields, buttons, and other things are placed: 
<form>
....
表单元素
....
</form>
Copy after login

Common form elements

1. input input tag

The form tag used in most cases is the input tag (). 

<input type="text" >
Copy after login

What is a form in html

The element can be changed into multiple forms according to different type attributes.

ValueDescription
button Defines a clickable button (usually the same as JavaScript is used together to launch the script).
checkboxDefine the checkbox.
colorDefine the color picker.
dateDefine date control (including year, month, day, excluding time).
datetimeDefine date and time controls (including year, month, day, hour, minute, second, fraction of a second, based on UTC time zone).
datetime-localDefine date and time controls (including year, month, day, hour, minute, second, fraction of a second, without time zone) .
email Defines the fields used for e-mail addresses.
file Define the file selection field and "Browse..." button for file upload.
hiddenDefine hidden input fields.
imageDefine the image as the submit button.
monthDefine month and year controls (without time zone).
number Defines the field for entering numbers.
passwordDefine the password field (characters in the field will be masked).
radioDefine radio buttons.
#rangeDefines a control for entering numbers where the exact value is not important (such as a slider control).
resetDefine the reset button (reset all form values ​​to default values).
searchDefine the text field used to enter the search string.
submitDefine the submit button.
tel Defines the field for entering a phone number.
textDefault. Defines a single-line text field (default width is 20 characters).
time Defines a control for entering time (without time zone).
urlDefines the field for entering the URL.
weekDefine week and year controls (without time zone).

2. textarea text field