Comme ça, je dirais quil y a beaucoup trop de choses dans ce tableau : y compris des éléments de mise en forme quil vaut mieux mettre dans les CSS. Là nous sommes en présences de champs inclus dans des <span> inclus dans du gras inclus dans un paragraphe inclus dans des cellules dun tableau. Et il manque les <label> de chaque <input> ! Même sans évoquer lutilisation <table> il y a beaucoup de lourdeurs sinon derreurs !
En nettoyant, et toujours avec un <table> on pourrait avoir ça:
Bloc de code:
<table>
<tr>
<td>
<label for ="input1">A</label><br />
<input type="xxx" name="input1" id="input1" />
</td>
</tr>
<tr>
<td>
<label for ="input2">A</label><br />
<input type="xxx" name="input2" id="input2" />
</td>
</tr>
<tr>
<td>
<label for ="input3">A</label><br />
<input type="xxx" name="input3" id="input3" />
</td>
</tr>
<tr>
<td>
<label for ="input4">A</label><br />
<input type="xxx" name="input4" id="input4" />
</td>
</tr></table>
Mais dans lexemple donné autant utiliser une liste :
Bloc de code:
<ol>
<li>
<label for ="input1">A</label><br />
<input type="xxx" name="input1" id="input1" />
</li>
<li>
<label for ="input2">A</label><br />
<input type="xxx" name="input2" id="input2" />
</li>
<td>
<label for ="input3">A</label><br />
<input type="xxx" name="input3" id="input3" />
</li>
<li>
<label for ="input4">A</label><br />
<input type="xxx" name="input4" id="input4" />
</li>
</ol>
Après, au besoin, tu peux ajouter des
class et
id pour faciliter la sélection déléments pour la mise en forme via CSS
