JSFiddle - React, Tailwind, and code Playground

by toubia95

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="container">
<form action="mailto:[email protected]" method="post" enctype="text/plain">
  <div class="form-group">
    <label for="nom">NOM</label>
    <input type="text" class="form-control" id="nom" placeholder="Votre NOM" required>
  </div>
  <div class="form-group">
    <label for="prenom">Prénom</label>
    <input type="text" class="form-control" id="prenom" placeholder="Votre  Prénom" required>
  </div>
  <div class="form-group">
    <label for="prenom">Adresse électronique</label>
    <input type="email" class="form-control" id="email" placeholder="Votre  email" pattern="[^@\s]+@[^@\s]+\.[^@\s]+" required>
  </div>
<div class="radio">
  <label>
    <input type="radio" name="optionsRadios" id="statut1" value="Candidat" checked>
    Candidat·e au concours de l'Agrégation
  </label>
</div>
<div class="radio">
  <label>
    <input type="radio" name="optionsRadios" id="statut2" value="Enseignant">
    Enseignant·e
  </label>
</div>
  <div class="form-group">
    <label for="prenom">Établissement de recherche</label>
    <input type="text" class="form-control" id="etablissement" placeholder="Votre établissement de recherche" required>
  </div>
  <div class="checkbox">
    <label>
      <input type="checkbox" required> Je soussigné déclare exactes et sincères les informations ci-dessus. Je m'engage à ne pas communiquer à un tiers mon mot de passe personnel et confidentiel.
    </label>
  </div>
  <button type="submit" class="btn btn-default btn-primary">Envoyer la demande »</button>
</form>
</div>