JSFiddle - React, Tailwind, and code Playground
HTML
<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Tableau / formulaire</title>
</head>
<!-- <style> -->
<form>
<table>
<!-- première ligne du tableau-->
<thead>
<tr>
<th>Membres de la direction</th>
<th>Prénom</th>
<th>Nom</th>
<th>Année naissance</th>
<th>N° portable</th>
</tr>
</thead>
<tbody> <!-- Corps du tableau -->
<tr>
<td><label for="ident">Directeur</label></td>
<td><input type="text" name="ident1" value="" size="10" maxlength="10" id="ident1" autofocus/></td>
<td><input type="text" name="ident2" value="" size="10" maxlength="10" id="ident2" autofocus/></td>
<td><input type="text" name="ident3" value="" size="10" maxlength="10" id="ident3" autofocus/></td>
<td><input type="text" name="ident4" value="" size="10" maxlength="10" id="ident4" autofocus/></td>
</tr>
<tr>
<td><label for="ident">S/s Directeur</label></td>
<td><input type="text" name="ident5" value="" size="10" maxlength="10" id="ident5" autofocus/></td>
<td><input type="text" name="ident6" value="" size="10" maxlength="10" id="ident6" autofocus/></td>
<td><input type="text" name="ident7" value="" size="10" maxlength="10" id="ident7" autofocus/></td>
<td><input type="text" name="ident8" value="" size="10" maxlength="10" id="ident8" autofocus/></td>
</tr>
<tr>
<td><label for="ident">Dir ressources humaines</label></td>
<td><input type="text" name="ident9" value="" size="10" maxlength="10" id="ident9" autofocus/></td>
<td><input type="text" name="ident10" value="" size="10" maxlength="10" id="ident10" autofocus/></td>
<td><input type="text" name="ident11" value="" size="10" maxlength="10" id="ident11" autofocus/></td>
<td><input type="text" name="ident12" value="" size="10" maxlength="10" id="ident12"...