Foreground HTML Base tab 2 form, hyperlink css four styles 7.7

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