html common form elements (components)

html common form elements (components):

Syntax: <? Input type = /> A total of 10 species, the other two for the text field textarea, select the drop-down list box select

Are question marks represent the following ten:
  1. the text box (default - if no specified type, the default text box)
   text Syntax <INPUT />
  2. --password password box
  3. radio button --radio
  4. Complex box --checkbox
  5. The push button --button
  6. The submit button --submit
  7. The reset button --reset
  8. The file field --file
  9. The image domain --image
  10. The hidden field --hidden

 

A         text box: < INPUT type = "text"  /> < br />     
2          password box: < INPUT type = "password"  /> < br /> 
. 3          
. 4          the radio button:     < INPUT type = "Radio" name = " Sex " /> M
 5                  < the INPUT of the type =" Radio " name =" Sex " /> F < br /> 
6                  
7          check button:     <input type="checkbox" name= "Hobby"  /> Singing
 . 8                  < INPUT type = "CheckBox" name = "Hobby" /> Dancing
 . 9                  < INPUT type = "CheckBox" name = "Hobby" /> Code < br /> 
10                  
. 11          push buttons: < INPUT of the type = "the button" value = "push button" /> < br /> 
12          submit button: < the INPUT of the type = "the submit" value = "login" /><br />
13         Reset button:     < INPUT type = "RESET" value = "Clear" /> < br /> 
14          
15          file field:     < INPUT type = "File" name = "file1" /> < br /> 
16          Image field:     < INPUT type = "Image"   the src = "../ IMG / btn.jpg" / width = "192" height = "120" > < br /> 
. 17          hidden fields:     <input type="hidden" name="userId"/> < Br /> 
18          
19          text fields:     < the TextArea cols = "50" rows = "10" > 
20                  Please enter your watch "Stand By Me" thoughts :)
 21          </ the TextArea > < br /> 
22          
23          drop-down list selection box: < the sELECT > 
24-              < the Option > --- Please enter the city where --- </ the Option > 
25              < the Option > Beijing </ the Option > 
26              < the Option >Shanghai </option>
27             <option>广州</option>
28             <option>深圳</option>
29             <option>天津</option>
30         </select>

 

 

Guess you like

Origin www.cnblogs.com/Lunix-touch/p/11229195.html