One, html-form part
1. Button:
<input type= "button" >
2. Text box:
<input type= "Text" >
3. Password:
<input type= "Password" >
4. Radio:
<input type= "Radio" id= "male" name= "Sex" checked= "checked" >
<labelfor = "male" > Male </label>
<input type= "Radio" id= "female" name= "Sex" >
<label for= "female" > Women </label>
5. check box:
<input type= "checkbox" > Red <input type= "checkbox" > Green
6. Drop-down menu:
<select>
<option>--Please select--</option>
<option> singing </option>
<option> Dancing </option>
</select>
* If you want to become a check, add Muiltiple. The user uses CTRL to implement multiple selections.
<select name= "Fruit" multiple= "multiple">
You can also change the size of the drop-down box (Select) by using a Size property
7. Upload CONTROLS:
<input type= "File" >
8, multi-line input box:
<textarea maxleng= "Limit Words" cols= "width" rows= "height" ></textarea>
9. Reset button:
<input type= "Reset" > [only works on the form form in which it is located]
10. Submit button:
<input type= "Submit" > [only works on form form where it is located]
11. Picture button:
<input type= "image" >
12. Hidden fields:
<input type= "hidden" >
Second, CSS style part
1, CSS style of three commonly used wording:
First inline style: directly in the label, add <p style= "color:red" ></p>
Second inline: In head, add <style> p{color:red;} </style>
The third type of link: Create a new CSS file write style outside, introduce HTML:
<link rel= "stylesheet" type= "text/css" href= "relative path. css" >
Third, the link part
1. Empty link: <a href= "JavaScript:;" ></a>
2. Link Open window:
_blank opens in a new window
_parent Open in parent window
_self Open in Current window
_top return information displayed in the top-level browser window
Foreground HTML Base tab 2 form, hyperlink css four styles 7.7