Corrección de types en inputs numéricos y placeholders en los que no …

…lo tenían.
4GeeksAcademy · Feb 4, 2025 · a0d73e2 · a0d73e2
1 parent ef360ac
commit a0d73e2
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -23,36 +23,36 @@
                     <div class="row mb-3">
                         <div class="col-md-6">
                             <label class="form-label" for="card">Card #</label>
-                            <input type="text" class="form-control" placeholder="XXXXXXXXXXXXXXXX" id="card">
+                            <input type="number" class="form-control" placeholder="Card Number" id="card">
                         </div>
                         <div class="col-md-3">
                             <label class="form-label" for="cvc">CVC #</label>
-                            <input type="text" class="form-control" placeholder="0000" id="cvc">
+                            <input type="number" class="form-control" placeholder="CVC Code in the back of the card" id="cvc">
                         </div>
                         <div class="col-md-3">
                             <label class="form-label" for="amount">Amount</label>
                             <div class="input-group">
                                 <span class="input-group-text">$</span>
-                                <input type="text" class="form-control" placeholder="Amount" id="amount">
+                                <input type="number" class="form-control" placeholder="Amount" id="amount">
                             </div>
                         </div>
                     </div>
 
                     <div class="row mb-3">
                         <div class="col-md-6">
                             <label class="form-label" for="first-name">First Name</label>
-                            <input type="text" class="form-control" id="first-name">
+                            <input type="text" class="form-control" id="first-name" placeholder="First Name">
                         </div>
                         <div class="col-md-6">
                             <label class="form-label" for="last-name">Last Name</label>
-                            <input type="text" class="form-control" id="last-name">
+                            <input type="text" class="form-control" id="last-name" placeholder="Last Name">
                         </div>
                     </div>
 
                     <div class="row mb-3">
                         <div class="col-md-6">
                             <label class="form-label" for="city">City</label>
-                            <input type="text" class="form-control" id="city">
+                            <input type="text" class="form-control" id="city" placeholder="City">
                         </div>
                         <div class="col-md-3">
                             <label class="form-label" for="state">State</label>
@@ -65,7 +65,7 @@
                         </div>
                         <div class="col-md-3">
                             <label class="form-label" for="postal-code">Postal Code</label>
-                            <input type="text" class="form-control" id="postal-code">
+                            <input type="number" class="form-control" id="postal-code" placeholder="Postal Code">
                         </div>
                     </div>