HTML_from

< Form > 
    <-! Default text: plain text -> 
    < INPUT type = "text" name = "" > 
    < br >     <-! Newline -> 
    <-! Password: ciphertext input box - -> 
    < INPUT type = "password" name = "" > 
</ form >

<-! Value: Set the default text input box -> 
< the INPUT of the type = "text" name = "" value = "WDC" >

<! - text box prompt text -> 
< the INPUT of the type = "text" name = "" placeholder = "Please enter the text:" >

1. ↑ textbox

2. The radio buttons

< Form > 
    <-! Radio: radio buttons with the same name, radio buttons can not be selected at the same time, checked = "checked": selected by default -> 
    Male: < the INPUT of the type = "Radio" name = "gender" the checked = "the checked" > 
    female: < the INPUT of the type = "Radio" name = "sex" > 
</ form >

3. box

<form>
    <!-- checkbox：复选框 checked="chenced":默认选中-->
    语文：<input type="checkbox" name="" checked="chenced">
    数学：<input type="checkbox" name="">
    英语：<input type="checkbox" name="">
</form>

4. drop-down list

Radio: 
< form > 
    < the SELECT name = "class" > 
        <-! Values set -> 
        < the Option value = "1" > Language </ the Option > 
        < the Option > mathematics </ the Option > 
        <-! Default select -> 
        < the Option the selected = "the selected" > English </ the Option > 
        < the Option > chemical </ the Option > 
    </select>
</form>

Multiple choice: 
< form > 
    <-! Multiple = "Multiple": to achieve multiple choice, -> 
    < the SELECT name = "class" Multiple = "Multiple" > 
        < the Option > Language </ the Option > 
        < the Option > mathematics </ the Option > 
        < the Option > English </ the Option > 
        < the Option > chemical </ the Option > 
    </ the SELECT > 
</ form >

The multi-line text entry box

< Form > 
    <-! Sets the default size: rows: Height cols: Width -> 
    < TextArea rows = "10" cols = "40" > </ TextArea > 
</ form >

6. Button

Reset button: 
< form > 
    < TextArea rows = "10" cols = "40" placeholder = "Text Default ~" > </ TextArea > 
    <-! RESET: reset button, to reset the contents of the entire form of the form - -> 
    < INPUT type = "rESET" name = "reset" > 
</ form >

< Button > Normal button </ Button >

7. Label

<form>
    <!-- for:将id为username的组件关联起来 -->
    <label for="username">用户名：</label>
    <input type="text" name="" id="username">
    <label for="pwd">密码：</label>
    <input type="password" name="" id="pwd">
</form>

8.div

<Div> tag can document into separate, distinct parts. It can be used as a strict organizational tool, and does not use any format associated with it.

Guess you like