Comprehensive understanding of HTML Form form elements

The following editor will bring you a comprehensive understanding of HTML Form form elements. The editor thinks it’s pretty good, so I’ll share it with you now and give it as a reference. Let’s follow the editor and take a look.

is as follows:

XML/ HTML CodeCopy content to clipboard

1. ##>
3. ##<

   html xmlns="http://www.w3.org/1999/xhtml ">

4. <

   head>

​
5. <

   title>Registration formtitle >

#

head> <

6. body> ##<

7. form

   action="DoFormAction.htm">                   < fieldset

   style
=
8. "width=800px"

   >                                                                                                                                           Border-->                                                                                                                                  Registerlegend> ##                                                          ##cellspacing=

9. "0px"

   cellpadding="6px" border="1px" bordercolor="black"

   align
=
10. "center"

    width="600px "> ##                                                                                                                                                                                  Name:td>                                                                                                  

11.                 <td><input type="text" size="20" style="width:150px" />td>  

12.             tr>  

13.             <tr>  

14.                 <td align="right">密码:td>                                       

15.                 <td><input type="password" size="20" style="width:150px" />td>  

16.             tr>  

17.             <tr>  

18.                 <td align="right">确认密码:td>  

19.                 <td><input type="password" size="20" style="width:150px" />td>  

20.             tr>  

21.             <tr>  

22.                                                                                                                                              :td>                                                                           ##                                                                                                                                                  #input type="radio" checked="checked" name=

    "sex1"
23. value

    ="Male" />Male                                       input

type
24. =

    "radio" name="sex1" value="女" />女 ##                                                ##>                                                                       ##                                                                                                                                                  #td align="right">

    Gender (you can click on the text to select):

td>                                                                            ## & LT; FieldSet STYLE = "Width: 150px" ## & GT # & lt;!-Form frame, you can also set the width through CSS-& gt; ## & lt

25. >

    Please select your genderlegend>

26.                         <input type="radio" checked="checked" name="sex2" value="男" id="man" />  

27.                         <label for="man">男label>  

28.                         <input type="radio" name="sex2" value="女" id="woman" />  

29.                         <label for="woman">女label>  

30.                     fieldset>  

31.                 td>  

32.             tr>  

33.             <tr>  

34.                 <td align="right">城市:td>                                      

35.                 <td>  

36.                     <select name="city">  

37.                         <option value="北京">北京option>  

38. ## & lt; Option ##Value = "Shenzhen" & GT option>

                                         
39. #value

    ="Shanghai">上海option> ##                       <option

value
40. =

    "Nanchang" selected="selected">Nanchangoption> < !--Nanchang is selected by default-->                                                    ##                                                                                                                       

tr

41. > ##                                          #>

##                                                                                                        
42. >

    City area:td>

43. ##                      #<

    td> ##                                               #name

=
44. "area"

    >                                                                                                                                                              label="Beijing"

    >
                                                                               

45.                   <option value="Chaoyang District">Chaoyang Districtoption>

46.                                      <option value="Haidian District"> Haidian Districtoption##>

##                                              

47. value="Other areas">Other areasoption >                <optgroup label

    =
"Nanchang"

48. >                   <

option

49. value="东湖区">东湖区option>

50. ##                                                                                ##value="西湖区">西湖区option> ##                                <

    option
51. value

    ="青山湖区"> ;青山湖区option>                                                                                                #optgroup>

    ##                                                            

52. #                                                                                                      tr> > ##                                                           

>
53. Dating goal:

    td>

54.                                                                                                                                                            through ##select name="target"

    size
=
55. "3"

    multiple ="multiple">                                                                                                               <option value="Peer" selected="selected"> ;PEER

option

56. > ##                                                                                                        ##option value="Ordinary friends">Ordinary friendsoption > ##                                                                              

    ##>
爱人
57. option> ##                          select> ##                                                 ##>                                                                       ##                                                                                                                                                  #td
58. align

    ="right">Hobbies:td> ##                                                                                                                                                                                                          

59.                                                                                                                                                 through ##"love" value="Football" />Football # <input type="checkbox" name

    =
"love"

60. value ="Blue Ball" />Blue Ball               <input type="checkbox" name

    =
"love"

61. value="Table tennis " />Table Tennis              td> ##                                                                                  ##<

tr

62. > ##                                                        ##align="right"

>
63. Photo upload:

    td>

##                                                                                 

64.                                                          ="file" name="myPic"

    />

65. td>                                         >                                                                        

66.                                                                                                                                                 Introduction:td> ##                                             

    ##         
<

67. textarea rows="5" cols

    =
"50"

68. > ##                                                               

69.                                                                                                                                   /tr>                                                                     ;                                                                                              #colspan="2"

    >

70.                                      type="submit"

    value
=
71. "OK"

    />               

    <
72. input

    type="reset" value=

    "clear " #"image"
73. src

    ="../images/btnreg.png" onclick="alert('hello')"

    />