Detailed introduction to HTML CSS FORM

Forms are often used to collect input from different types of users, allowing users to collect: text fields (text), drop-down lists (select), radio buttons (radio), check boxes (checkbox) and action buttons (Action)

Form tag

Most form tags are input tags, and the input type is defined by (type).

example: & lt; form & gt;

# & lt; input Type = "Text" name = "first_text" & gt;

## & ltpe = 'Text' name="address" value="Guangdong"> When a default value is required, use the value attribute

                                                                                                                                                                                                                                                                     

                                                                                                                                                                                "checkbox" name="Tiger">

                                                                                                                                                                                                                     ​ Select

The elements used in the drop-down list are: select The attribute is: option

Example:

value="dongfong">Dongfong

Ji Rui selected is the default selection attribute Geely

                                                                         Example shows how to draw a box with a title around the data.

Health Information

Height:

Measurements:

Button Three attributes of the button

submit This button is a submit button (except for Internet Explorer, this value is the default value of other browsers).

button This button is a clickable button (the default for Internet Explorer).

reset This button is a reset button (clear form data).

<form action="form_action.asp" method="get">
  First name: <input type="text" name="fname" />
  Last name: <input type="text" name="lname" />
  
  <button type="submit" value="Submit">Submit</button>
  <button type="reset" value="Reset">Reset</button>
</form>

The above is the detailed content of Detailed introduction to HTML CSS FORM. For more information, please follow other related articles on the PHP Chinese website!