HTML Form表單元素全面了解

下面小編就為大家帶來一篇HTML Form表單元素全面了解。小編覺得蠻不錯的，現在就分享給大家，也給大家做個參考。一起跟著小編過來看看

如下圖：

XML/HTML "-/ /W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  

1. html

    xmlns=

   "http://www.w3.org/1999/xhtml"
2. >

     

3.    

   title >註冊表單title>

     

4. > >  

5.     form  action="DoFormAction.htm">  

      

6. >                                     

           

legend>         

table 
7. cellspacing

   = "0px" cellpadding="6px" border="1px" 

   border
8. =

   "600px" >              tr🎠     

td
9.  

   align="right">用戶名:td>用戶名:

   td
>
10. 用戶名:

    td   

11.                 td>td> ="2 0" 樣式="寬度:150px" / >td>              

12. tr

    >               

13. tr

    >                   

14. td

     對齊=「右」>密碼：td>                

                 
15. 輸入

     型="密碼" 大小="2 0" 樣式="寬度:150px"寬度:150px" >               tr>   >                   

16. td>

    td>  

17.              

     型="密碼" 尺寸=

    "20"
 
18. 樣式

    ="寬度:150px" /> td >   tr>  

             
19. tr>

20.                 td align                                                 td>                   checked

    =
"checked"
21.  

    name="sex1" value= "男"

     
/>
22. 男    

                    " name="sex1" value="女" />女                  td🎠    

tr

23. >                              td align="right">性別(可點文字選擇):td

  
24. td>  
            

fieldset style="width:150px">

           表單外框，也可透過css設定寬度-->  

25.                請選性別legend

>
26.   

27.                         =檢查" 姓名="性別2" 值="男" id = 「男人」 />               =「男人」>男

28.     

    輸入 型="電台" 名稱="性別2" 值="女" 

29.                         

    標籤 for=「女」>女標籤>        fieldset> ;  

       

30. td>                      tr>  

     
31. =

    "右派>城市:td

>
32.                !--下拉框-->

                    

選擇
33.  

    名字="城市">  

34.          

    值="北京">北京

35. 選項

    >    

36.                         option>                  ="上海" >上海option

>
37.   

          option value="南昌" selected="selected">南昌

option

38. >         >                               tr>  

🎠  >
39.   

                    ．

40. td

    >               

                    
41. select                         
42. optgroup

     label="北京">             分組顯示-->

      

43.                    區" >朝陽區option>  

44.                             option value="海淀區">海淀區option>  

45.                             option value="其他區域">其他區域option>  

46.     optgroup>  

47.                

    ="南昌">                   "東湖區"

    >
東湖區

48. op      option value="西湖區">西湖區option>

                

option value="青山湖區">青山湖區option>                                       optgroup

>
49.   🎠   

    select>               >              

    tr
50. >

                  

    tr
51. >

                      

    td
 
52. align

    ="right"> 交友目標:

    td
53. >

      

54.                 td>🎠       

select
55.  

    name="target" size="3"🜎size="3" >                    option

     
value
56. =

    "同行" selected="selected">同行"selected"> option>                  朋友">

    普通朋友

57. option>      option value="愛人">愛人

58. option

    >      select>                

                

59. tr>  

                

tr>  

                

td align="right">

愛好:

60. td>  

                    

td>                                                                                    

61.                     input typeinput typeinput type value=

    "足球"
 
62. />

    足球            type="checkbox" name="love" value="藍色球               

    input
 
63. type

    = "checkbox" name="love" value="乒乓球" />乒乓球  td>  

64.              tr>  

65.                      Sharp td>  

                🎠                                                 

66.     type=" file" name

    =
"myPic"
67.  

    />                  td>              

tr

68. >              

tr

69. >  

70.                 td align >                  td>

                                                                                
71.       

                        textarea

     
rows
72. =

    "5" cols

    =
"50"

73. >                       textarea>  

                  
            

74. tr>  🎠 

75.                 td align

      

76.                      value="確定" 

    />
  

77.           ="reset" value

    =
"清空"
78.  

    />                          input type="image" src="../images/btnreg.png" onclick

        
 

79.                                                                                                     -->  

80.                 td>  

81.             tr>  

82.         table>

83.         fieldset>  

84. body

    >
  

85. html

    >
  

86. 以上就是小編為大家帶來的HTML Form表單元素全面了解的全部內容了，希望對大家有所幫助，多多支持PHPHTML網~ Form表單元素全面了解相關文章請關注PHP中文網！