<! DOCTYPE html>
<meta charset= "UTF-8" >
<title> Forms </title>
<body>
<!--form form--
<form>
User name:
<!--text fields--
<input type= "Text" >
<br/>
Password:
<!--password Fields--
<input type= "Password" >
Nickname: <input placeholder= "nickname"/>
<!--hidden Fields--
<br/>
Which fruit do you like?
<!--checked settings are initially selected--
<br/>
<input type= "checkbox" checked= "true" > Apple
<input type= "checkbox" checked= "true" > Cucumber
<input type= "checkbox" checked= "true" > Banana
<br/>
Please select gender
<!--a check box after the checkmark is selected
<input type= "Radio" name= "Sex" checked= "true" > Male
<input type= "Radio" name= "Sex" checked= "true" > Female
<br/>
<!--drop-down list--
Please select the website you want
<!--drop-down options Box--
<!--multiple is whether the drop-down menu has a scroll bar--
<!--option is specific options--
<select name= "123" id= "234" >
<option value= "1" >www.baidu.com</option>
<option value= "2" >www.google.com</option>
<option value= "3" >www.qq.com</option>
</select>
<br/>
<select name= "123" id= "254" multiple= "true" >
<option value= "1" >www.baidu.com</option>
<option value= "2" >www.google.com</option>
<option value= "3" >www.qq.com</option>
<option value= "3" >www.qq.com</option>
<option value= "3" >www.qq.com</option>
<option value= "3" >www.qq.com</option>
<option value= "3" >www.qq.com</option>
</select>
<br/>
Button
<input type= "button" value= "Buttons" >
<input type= "Submit" value= "OK" >
<input type= "Reset" >
<!--Reset-
<input type= "File" >
<!--file--
</form>
<textarea name= "333" id= "222" cols= "rows=" > Please fill in your personal information </textarea>
<!--can drag text fields--
<!--text field show rows is the reality of how many rows cols is realistic how many columns ReadOnly is set read-only and cannot be written to
<textarea rows= "Ten" cols= "readonly> please fill in the information </textarea>
<input type= "Radio" name= "People" id= "Goodpeople"/>
<label for= "Goodpeople" > Good People </label>
<input type= "Radio" name= "People" id= "Badpeople"/>
<label for= "Badpeople" > Bad guys </label>
<br/><br/><br/><br/>
<!--mouse over the word to click--
<!--control group show field is the meaning of the field, set is the meaning of the set--
<fieldset>
<legend> Address Information </legend>
Name:<input/> <br/>
Password: <input type= "Password"/>
</fieldset>
</body>
HTML Learning Note Field Elements section fourth (original)