
<form method="post">
  <!-- Grid -->
  <div class="grid">

	<!-- Markup example 1: input is inside label -->
	<label for="prenom">
	Prénom
	<input type="text" id="prenom" name="prenom" placeholder="Prénom" required>
	</label>

	<label for="nom">
	 Nom 
	 <input type="text" id="nom" name="nom" placeholder="nom" required>
	</label>
  </div>
  <!-- Markup example 2: input is after label -->
  <label for="email">Adresse mail</label>
  <input type="email" id="email" name="email" placeholder="Email" required>
<div class="grid">
	<label for="password">Password
	<input type="password" id="password" name="password" placeholder="Password" required>
</label>
<label for="cpassword">Confirmation password
<input type="password" id="cpassword" name="cpassword" placeholder="Password" required>
</label>

</div>
  <!-- Button -->
  <button type="submit">Submit</button>

</form>
