Create a new css directory and put it into a folder File naming in English

Use <link> to reference in the head

Commonly used syntax formats: <link rel="stylesheet" type="text/css" href="1.css">

<label></label>eg:<label>Name: input box</label> In html, the <label> tag is usually used together with the <input> tag. The <label> tag defines a label (marker) for the input element. The <input> tag is used to collect user information. Input fields can take many forms depending on the value of the type attribute. Input fields can be text fields, checkboxes, masked text controls, radio buttons, buttons, etc.

Use <div class = "container"></div> in the body to wrap, frame, and container

In order to establish contact with the backend, it is usually used in <div> <form action="studentController" method="get">In the wrapping layer

type="text"/"number" Input type text/number (only numbers)

autocomplete="on"/"off" Record what you entered previously/do not display what you entered previously

placeholder Information prompts will not be entered and will only be displayed when empty.

label class="radio-inline" Radio button boxes must have the same name, otherwise they will automatically become a group id="sex"value="male" id="sex"value="female" Radio button modification, no line breaks with Chinese characters, radio-inline, inline on one line

<label class="checkbox-inline"> Multi-select box, multiple names have the same name, Automatically becomes a group, and the background reception is an array If you check the box, it will be transferred to the background, if you don't check it, it will not be transferred. <input type="checkbox" value="Table Tennis/Hill Climbing/Singing" name="hobby" id="hobby">

<select name="edu" class="form-control" id="edu"> Drop-down box (single value), select Chinese, essential number Writing format: (option: optional) <option value="1">Elementary school</option>

Buttons come in two forms, Ordinary button button, submit, automatically mentions the url link specified by form.action studentController Class configures one value and two values, separated by spaces.

<input class="btn btn-success" type="submit" name="btnSave" value="Save"/> <button class="btn btn-danger" type="button" name="btnClear">Cancel</button>