<link href="https://fonts.googleapis.com/css2?family=Kumbh+Sans&display=swap" rel="stylesheet">
<h1>tabindex positive</h1>
<ul>
<li>
<label>
Focus on this input, then tab once!
<input tabindex='1'> </input>
</label>
</li>
<li>
<a href='#' tabindex="3"> Peekaboo. tab again! </a>
</li>
<li>
<div tabindex="2"> Aaaand now you're here, in an h3 tag, surprise! </div>
</li>
<li>
<div tabindex="4"> Lol, you're not done tab again! </div>
</li>
<li>
<button tabindex="3"> Ha tricked you. Tab again </button>
</li>
<li>
<div tabindex="5"> Sorry, I'm done!!!! Bye! </div>
</li>
</ul>
li {
margin: 25px 0
}
body {
font-family: 'Kumbh Sans', sans-serif;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.