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>Formulaire</title>
		<style>
			.p, legend, label {
			font-size: 1.2em;
			color: blue;
			}

		h1 {
			font-size: 1.5em;
			color: blue;
			}
		</style>
	</head>

<body>
<p class="p">
  Veuillez saisir ce formulaire:
</p>

<form method="post" action="mon-script.php" enctyp="application/x-www-form-urlencoded" name="inscription">
    <fieldset>
       <legend>Votre civilité :</legend>
       <input type="radio" name="civilite" value="madame">Madame<br>
       <input type="radio" name="civilite" value="mademoiselle">Mademoiselle<br>
       <input type="radio" name="civilite" value="monsieur">Monsieur<br>
       <input type="radio" name="civilite" value="indetermine">Indèterminé
       <input type="radio" name="civilite" value="gai">Gai
       <input type="radio" name="civilite" value="triste">Triste
       <input type="radio" name="civilite" value="normal">Normal<br>
	</fieldset>
	   <br>
	   	   
	<fieldset>
	   <legend>Veuillez saisir votre adresse mail:</legend>
	   <input type="email">
	 </fieldset>
	  	   
	<fieldset>
	   <legend>Votre N° de téléphone portable:</legend>
	   <input type="tel">
	</fieldset> 
	   <p class="p">Il n'y a pas de contrainte de saisie, les N° de tel dans le monde étant très variès et peuvent contenir des caractères autres que des nombres.</p>
	   	   
	<fieldset>
	   	<legend>Votre site Web:</legend>
		<input type="url">
	</fieldset>
			 	 
	<fieldset>
	   <legend>Choisissez une date:</legend>
	   <input type="date">
	   <p class="p">Il existe d'autres types pour afficher une date :<br>
	   - le jour et l'heure avec décalage horaire : <i>input type="datetime"</i><br>
	   - le jour et l'heure sans décélage horaire : <i>input type="datetime-local"</i><br>
	   - la date uniquement: <i>input type="date"</i><br>
	   - l'heure uniquement: <i>input type="time"</i><br>
	   - les semaines...