Heim  >  Artikel  >  Web-Frontend  >  Umfassendes Verständnis der HTML-Formularelemente

Umfassendes Verständnis der HTML-Formularelemente

高洛峰
高洛峰Original
2017-02-10 10:33:34946Durchsuche

Der folgende Editor vermittelt Ihnen ein umfassendes Verständnis der HTML-Formularelemente. Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Folgen wir dem Editor und schauen wir uns

wie folgt an:


XML/ HTML-CodeInhalt in die Zwischenablage kopieren

  1. >

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

  3.  

    <Titel>Anmeldeformular< /

  4. Titel
  5. > <Körper>

  6. <
  7. form action="DoFormAction.htm">

  8. < FieldSet STYLE =

    "width = 800px"
  9. & gt;

    & lt;! Rand--> <Legende

    >

  10. Bitte geben Sie die folgenden Informationen ein und fahren Sie mit der Registrierung fort
  11. Legende> 🎜> Zellenabstand="0px" Zellenabstand
  12. =
  13. "6px"

    Rahmen="1px " bordercolor="black" align="center"

    width
  14. =
  15. " 600px "

    > .                                                           Name:td>                                              

  16.                 Typ="Text" Größe="20" Stil="width:150px" />td>              < /tr>  

  17.             

    <tr> ;  

  18.                 >>

    密码:td>                                  

      
  19.                 <td>  

  20.                     >                          北京Option>  

  21.      <Option Wert="Shenzhen">Shenzhen Option> 🎜 >

    Wert
  22. =
  23. "Shanghai"

    >ShanghaiOption>  <Option

    Wert
  24. =
  25. "Nanchang"

    ausgewählt="ausgewählt">Nanchang< ;/Option> < !--Nanchang ist standardmäßig ausgewählt-->                                             🎜>  

  26. tr
  27. >. >>                                              

    >
  28. Stadt Bereich:
  29. td> ><td

  30. >
  31. >name="area"

    >
  32. tgroup
  33. label="Peking" >                                                              

    Wert
  34. =
  35. "Chaoyang District"

    >Bezirk ChaoyangOption>

  36. <Option Wert="Haidian District"> Bezirk HaidianOption> 🎜>Option

  37. Wert
  38. =

    "Andere Gebiete" >Andere BereicheOption     🎜> <optgroup label="Nanchang"

  39. >

  40.   <Option

  41. Wert
  42. =

    "East Lake District">East Lake DistrictOption>

  43. 🎜>

    Wert="西湖区">西湖区Option> 🎜>>. ;青山湖区

  44. Option

    >                                                                                                                       >optgroup>                                                🎜>.                                                            tr>

  45. >>                                       >Freundesziel:< ;/td>

  46. <td>

  47. <wählen Name="Ziel" Größe="3" mehrere ="mehrfach">                                                <

    Option
  48. .
  49. Wert

    ="Peer" ausgewählt="ausgewählt"> ;BegleitendOption> 🎜>Option Wert="Gewöhnlicher Freund">

    Gewöhnlicher Freund
  50. Option >                                         🎜>>LiebhaberOption >

  51. auswählen> 🎜>> 🎜> <

    tr
  52. >

     <

    td
  53. align

    ="right">Hobbys :

    td
  54. >

                                                                                                                 

  55.  <Eingabe Typ="Kontrollkästchen" Name="Liebe" Wert="Fußball" />Fußball

  56. <Eingabe Typ="Kontrollkästchen" Name="Liebe" Wert ="Blauer Ball" />Blauer Ball

  57. <Eingabe Typ="Kontrollkästchen" Name="Liebe" Wert="Tischtennis" />Tischtennis

  58. >

     tr

  59. >

  60.  

     <tr

  61. >

  62. 🎜>ausrichten="rechts"

    >
  63. Foto-Upload:
  64. td>.                                                                                                                            >                                    = "file" name=
  65. "myPic"
  66. /> >< /

    td
  67. >

  68. >

  69. >>
  70. >                               🎜>                  <textarea rows=

    "5"
  71. cols

    ="50" >

  72.                                                                      >< /
  73. tr>

  74. ;                                                    >colspan="2">

  75. type
  76. =

    "submit" value="OK" />

  77.  <Eingabe Typ

    =
  78. "Zurücksetzen"
  79. Wert="clear" /> 

  80.  

    <inputtype="image"

  81. src
  82. =

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

    >
  83.                          🎜>>
  84. 🎜>

  85. Körper

    > ;

  86. html

    >

  87. Das Obige ist das HTML-Formular, das Ihnen vom Herausgeber zur Verfügung gestellt wurde. Dies ist der gesamte Inhalt eines umfassenden Verständnisses der Formularelemente. Ich hoffe, dass es für alle hilfreich ist. Bitte unterstützen Sie die chinesische PHP-Website
  88. Weitere verwandte Artikel zum vollständigen Verständnis der HTML-Formularelemente finden Sie auf der chinesischen PHP-Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn