keycard-certify/layouts/verify-pin.html

22 lines
964 B
HTML
Raw Normal View History

2022-11-16 20:28:43 +00:00
<section id="keycard__verify-pin-layout">
<div class="keycard__img-card-container">
<img src="./img/smartcard_verify.png" alt="Smartcard" class="keycard__img">
</div>
<p class="keycard__pairing-message">Please insert your pin. <span id="pin-retry-form"></span> tries left.</p>
<div class="keycard__pairing-input-container">
<div class="keycard__pairing-input-field group">
<label for="verify-pin" class="keycard__pairing-input-label">PIN</label>
<input type="password" id="verify-pin-inp" class="keycard__pairing-input" name="verify-pin" size="6" minlength="6"
maxlength="6" required placeholder="******">
</div>
<br>
<br>
<br>
<br>
<br>
<div class="keycard__btn-container">
<input type="submit" id="verify-pin-btn" class="keycard__btn" value="Verify PIN" disabled="disabled">
<input type="button" id="verify-pin-cancel" class="keycard__btn" value="Cancel">
</div>
</div>
</section>