Maison  >  Article  >  interface Web  >  Compréhension complète des éléments du formulaire HTML Form

Compréhension complète des éléments du formulaire HTML Form

高洛峰
高洛峰original
2017-02-10 10:33:34943parcourir

L'éditeur suivant vous apportera une compréhension complète des éléments du formulaire HTML Form. L'éditeur le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. Suivons l'éditeur et jetons un œil

comme suit :


XML/. Code HTMLCopier le contenu dans le presse-papiers

  1. >

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

  3.  

    <titre>Formulaire d'inscription< /

  4. titre
  5. > <corps>

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

  8. < FieldSet STYLE =

    "largeur = 800px"
  9. & gt;

     <légende

    >

  10. Veuillez saisir les informations suivantes et continuer S'inscrire
  11. légende> 🎜> cellspacing="0px" cellpadding
  12. =
  13. "6px"

    border="1px " bordercolor="noir" align="centre"

    largeur
  14. =
  15. " 600px "

    >                                                                     Nom :td>                                               

  16.                 <td><entrée  type="text" size="20" style="width:150px" />td>  

  17.              < /tr>  

  18.            <tr> ;  

  19.                 <td aligner="à droite">密码:td>                                      

  20.                 <td>  

  21.                     <sélectionner nom="ville">  

  22.                         <option valeur="北京"> 北京option>  

  23.      <option valeur="Shenzhen">Shenzhen option> 🎜 >

    valeur
  24. =
  25. "Shanghai"

    >Shanghaioption>  <option

    valeur
  26. =
  27. "Nanchang"

    sélectionné="sélectionné">Nanchang< ;/option> < !--Nanchang est sélectionné par défaut-->                                               🎜>  

  28. td
  29. >> 🎜>   tr

  30. >

  31. >>

                                                     >Ville zone :

  32. td

    > ><td>

  33. >name="zone"> tgroup

  34. label
  35. =

    "Pékin" >                                                                   <option valeur="District de Chaoyang" >District de Chaoyang

  36. option
  37. >

  38. <option valeur="District de Haidian"> District de Haidianoption> 🎜>option

  39. valeur
  40. =

    "Autres zones" >Autres zonesoption >                                             🎜> <optgroup

  41. étiquette
  42. =

    "Nanchang">

      
  43. <
  44. option valeur="East Lake District">East Lake Districtoption

  45. >
  46. 🎜>valeur="西湖区">西湖区option>

  47. 🎜>> ;

    青山湖区option>                                                                                                                            >groupe opt>                                                  🎜>

  48.                                                               
  49. tr> >>                                     >Cible d'ami :
  50. < ;/
  51. td>

  52. <td>

  53. <sélectionner nom="cible" taille="3" multiple ="multiple">                                                <

    option
  54. valeur

    ="Pair" selected="selected"> ;Accompagnementoption> 🎜>option valeur="Ami ordinaire">

    Ami ordinaire
  55. option >                                       🎜>>Amantoption >

  56. sélectionner> 🎜>> 🎜> <

    tr
  57. >

     <

    td
  58. align

    ="right">Loisirs :

    td
  59. >

                                                                                                                           

  60.  <entrée type="case à cocher" nom="amour" valeur="football" />football

  61. <entrée type="checkbox" nom="amour" valeur ="Boule bleue" />Boule bleue

  62. <entrée type="checkbox" nom="amour" valeur="tennis de table" />Tennis de table

  63. >

     tr

  64. >

  65.  

     <tr

  66. >

  67. 🎜>aligner="droite"

    >
  68. Téléchargement de photos :
  69. td>                                                                                                                                                                       >                                                             ="fichier" nom="myPic" />
  70. >td>

  71. >

  72.                                                                       Introduction :td> >

                                   
  73.                    <textarea

  74. lignes
  75. =

    "5" cols

    =
  76. "50"
  77. >                                                                                            >< 🎜> ; 

  78.                                                     >colspan

    ="2">

  79. type

    ="soumettre" valeur="OK"

    />
  80.  <entrée

    type
  81. =
  82. "réinitialiser"

    valeur="clear " /> 

  83.  <inputtype="image" src="../images/btnreg.png" onclick =

    "alert('hello')"
  84. />

  85.    td >                         

  86. table> >fieldset

  87. >

    🎜>

  88. corps> ;

    html>

  89. Ce qui précède est le formulaire HTML présenté par l'éditeur. C'est tout le contenu d'une compréhension complète des éléments du formulaire. J'espère que cela sera utile à tout le monde. Veuillez soutenir le site Web PHP chinois ~.

    Pour plus d'articles connexes afin de bien comprendre les éléments du formulaire HTML Form, veuillez faire attention au site Web PHP chinois !

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn