Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-08-29 13:21:29 +04:00
Code Issues Projects Releases Wiki Activity

Improve accessibility across layouts, components, and forms (#2799)

Browse Source
This commit is contained in:
Paweł Kuna
2026-08-05 23:40:37 +02:00
committed by GitHub
parent 17d2363ef2
commit 1effe221cb
160 changed files with 1494 additions and 1092 deletions
Download Patch File Download Diff File Expand all files Collapse all files
preview/pages/2-step-verification.astro
+6 -6
View File
@@ -9,20 +9,20 @@ import flags from '@data/flags.json'
---
<SingleLayout title="2-Step Verification">
<form class="card card-md" action="./2-step-verification-code.html" method="get" autocomplete="off" novalidate>
<form class="card card-md" action="./2-step-verification-code.html" method="get" novalidate>
<div class="card-body">
<h2 class="card-title text-center mb-4">2-Step Verification</h2>
<FormGroup label="Country">
<select class="form-select">
{flags.map((country) => <option value="">{country.name}</option>)}
<FormGroup label="Country" for="verify-country">
<select class="form-select" id="verify-country" autocomplete="country-name">
{flags.map((country) => <option value={country.name}>{country.name}</option>)}
</select>
</FormGroup>
<FormGroup label="Your Phone Number" class="mb-4">
<FormGroup label="Your Phone Number" for="verify-phone" class="mb-4">
<div class="input-group">
<span class="input-group-text">+1</span>
<input type="text" class="form-control" placeholder="Enter phone number" />
<input type="tel" class="form-control" id="verify-phone" placeholder="Enter phone number" autocomplete="tel-national" />
</div>
</FormGroup>