OpenClassrooms-Student-Center#2 Bind labels to entries in HTML using …

…"for" and "id" attributes in existing code
GrimonprezAlexis · Feb 22, 2021 · 63cd8a0 · 63cd8a0
1 parent 468df08
commit 63cd8a0
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/starterOnly/index.html b/starterOnly/index.html
@@ -64,7 +64,7 @@ <h1 class="hero-headline">
             >
               <div
                 class="formData">
-                <label>Prénom</label><br>
+                <label for="first">Prénom</label><br>
                 <input
                   class="text-control"
                   type="text"
@@ -75,7 +75,7 @@ <h1 class="hero-headline">
               </div>
               <div
                 class="formData">
-                <label>Nom</label><br>
+                <label for="last">Nom</label><br>
                 <input
                   class="text-control"
                   type="text"
@@ -85,7 +85,7 @@ <h1 class="hero-headline">
               </div>
               <div
                 class="formData">
-                <label>E-mail</label><br>
+                <label for="email">E-mail</label><br>
                 <input
                   class="text-control"
                   type="email"
@@ -95,7 +95,7 @@ <h1 class="hero-headline">
               </div>
               <div
                 class="formData">
-                <label>Date de naissance</label><br>
+                <label for="birthdate">Date de naissance</label><br>
                 <input
                   class="text-control"
                   type="date"
@@ -105,7 +105,7 @@ <h1 class="hero-headline">
               </div>
               <div
                 class="formData">
-                <label>À combien de tournois GameOn avez-vous déjà participé ?</label><br>
+                <label for="quantity">À combien de tournois GameOn avez-vous déjà participé ?</label><br>
                 <input type="number" class="text-control" id="quantity" name="quantity" min="0" max="99">
               </div>
               <p class="text-label">Quelles villes ?</p>
@@ -217,4 +217,4 @@ <h1 class="hero-headline">
     </footer>
     <script src="modal.js"></script>
   </body>
-</html>
+</html>