Skip to content

Commit

Permalink
Corrección de atributos for en label y id en inputs.
Browse files Browse the repository at this point in the history
  • Loading branch information
@juanpass
juanpass committed Feb 3, 2025
1 parent c4e5cfc commit ef360ac
Showing 1 changed file with 19 additions and 19 deletions.
38 changes: 19 additions & 19 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,56 +22,56 @@
<form>
<div class="row mb-3">
<div class="col-md-6">
<label class="form-label">Card #</label>
<input type="text" class="form-control" placeholder="XXXXXXXXXXXXXXXX" >
<label class="form-label" for="card">Card #</label>
<input type="text" class="form-control" placeholder="XXXXXXXXXXXXXXXX" id="card">
</div>
<div class="col-md-3">
<label class="form-label">CVC #</label>
<input type="text" class="form-control" placeholder="0000">
<label class="form-label" for="cvc">CVC #</label>
<input type="text" class="form-control" placeholder="0000" id="cvc">
</div>
<div class="col-md-3">
<label class="form-label">Amount</label>
<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">
<input type="text" class="form-control" placeholder="Amount" id="amount">
</div>
</div>
</div>

<div class="row mb-3">
<div class="col-md-6">
<label class="form-label">First Name</label>
<input type="text" class="form-control">
<label class="form-label" for="first-name">First Name</label>
<input type="text" class="form-control" id="first-name">
</div>
<div class="col-md-6">
<label class="form-label">Last Name</label>
<input type="text" class="form-control">
<label class="form-label" for="last-name">Last Name</label>
<input type="text" class="form-control" id="last-name">
</div>
</div>

<div class="row mb-3">
<div class="col-md-6">
<label class="form-label">City</label>
<input type="text" class="form-control">
<label class="form-label" for="city">City</label>
<input type="text" class="form-control" id="city">
</div>
<div class="col-md-3">
<label class="form-label">State</label>
<select class="form-select">
<label class="form-label" for="state">State</label>
<select class="form-select" id="state">
<option selected>Pick a state</option>
<option value="California">California</option>
<option value="New York">New York</option>
<option value="Texas">Texas</option>
</select>
</div>
<div class="col-md-3">
<label class="form-label">Postal Code</label>
<input type="text" class="form-control">
<label class="form-label" for="postal-code">Postal Code</label>
<input type="text" class="form-control" id="postal-code">
</div>
</div>

<div class="row mb-3">
<div class="col-md-6">
<label class="form-label">We accept:</label>
<label class="form-label" for="Mastercard">We accept:</label>
<div class="border m-3 p-2 rounded bg-custom text-white fs-5" >
<div>
<input class="form-check-input me-0" type="radio" name="paymentMethod" id="Mastercard">
Expand All @@ -90,8 +90,8 @@
</div>
<div class="col-md-6">
<div class="mb-3">
<label class="form-label">Message</label>
<textarea class="form-control" rows="3" placeholder="Add any notes here."></textarea>
<label class="form-label" for="message">Message</label>
<textarea class="form-control" rows="3" placeholder="Add any notes here." id="message"></textarea>
</div>
</div>
</div>
Expand Down

0 comments on commit ef360ac

Please sign in to comment.