Les formulaires sont constitués de différents éléments HTML (fieldset, legend, label, input, textarea, etc.), dont voici un échantillon.
<div class=formulaire_spip># method=post>
Lettre d’information
Abonnez-vous pour rester informé(e) : vous recrevrez nos dernières nouveautés par courrier électronique.
Informations personnelles
<li class=editer_civilite>
Civilité
<li class=nom>nom>Nom
<input type=text class=text name=nom id=nom value=/>
</li>
<li class=`prenom erreur`>
<label for=`prenom`>Prénom</label>
<input type=`text` class=`text` name=`prenom` id=`prenom` value=`06 82 30 96 16` />
<p class=`erreur_message`>Le prénom ne doit pas contenir de chiffres !</p>
</li>
<li class=`date`>
<fieldset>
<legend>Date de naissance</legend>
<ul>
<li class=`date_naissance_jour`>
<label for=`date_naissance_jour`>Jour de naissance</label>
<select name=`date_naissance_jour` id=`date_naissance_jour`>
<option label=`01` value=`01`>01</option>
<option label=`02` value=`02`>02</option>
<option label=`03` value=`03`>03</option>
<option label=`04` value=`04`>04</option>
<option label=`05` value=`05`>05</option>
<option label=`06` value=`06`>06</option>
<option label=`07` value=`07`>07</option>
<option label=`08` value=`08`>08</option>
<option label=`09` value=`09`>09</option>
<option label=`10` value=`10`>10</option>
<option label=`11` value=`11`>11</option>
<option label=`12` value=`12`>12</option>
<option label=`13` value=`13`>13</option>
<option label=`14` value=`14`>14</option>
<option label=`15` value=`15`>15</option>
<option label=`16` value=`16`>16</option>
<option label=`17` value=`17`>17</option>
<option label=`18` value=`18`>18</option>
<option label=`19` value=`19`>19</option>
<option label=`20` value=`20`>20</option>
<option label=`21` value=`21`>21</option>
<option label=`22` value=`22`>22</option>
<option label=`23` value=`23`>23</option>
<option label=`24` value=`24`>24</option>
<option label=`25` value=`25`>25</option>
<option label=`26` value=`26`>26</option>
<option label=`27` value=`27`>27</option>
<option label=`28` value=`28`>28</option>
<option label=`29` value=`29`>29</option>
<option label=`30` value=`30`>30</option>
<option label=`31` value=`31`>31</option>
</select>
</li>
<li class=`date_naissance_mois`>
<label for=`date_naissance_mois`>Mois de naissance</label>
<select name=`date_naissance_mois` id=`date_naissance_mois`>
<option label=`Janvier` value=`01`>Janvier</option>
<option label=`Février` value=`02`>Février</option>
<option label=`Mars` value=`03`>Mars</option>
<option label=`Avril` value=`04`>Avril</option>
<option label=`Mai` value=`05`>Mai</option>
<option label=`Juin` value=`06`>Juin</option>
<option label=`Juillet` value=`07`>Juillet</option>
<option label=`Août` value=`08`>Août</option>
<option label=`Septembre` value=`09`>Septembre</option>
<option label=`Octobre` value=`10`>Octobre</option>
<option label=`Novembre` value=`11`>Novembre</option>
<option label=`Décembre` value=`12`>Décembre</option>
</select>
</li>
<li class=`date_naissance_annee`>
<label for=`date_naissance_annee`>Année de naissance</label>
<input type=`text` class=`text` name=`date_naissance_annee` id=`date_naissance_annee` value= />
<fieldset class=conditions_generales>Condition générales
<li class=accepter_conditions>
<input type=checkbox name=accepter_conditions id=accepter_conditions value=OK />
<label for=accepter_conditions>J’ai lu et j’accepte les conditions générales du service
<li class=accepter_spam>
<input type=checkbox class=checkbox name=accepter_spam id=accepter_spam value=OK checked=checked />accepter_spam>J’autorise la divulgation de mes coordonnées à des tiers
<p class=boutons>button class=button value=Me desinscrire />submit class=submit value=Je m'abonne ! />