Clear the tab focus from element

How to clear the `tabindex` from element

by 3gwebtrain

HTML

<form action="">
  <span>
    <input type="text" tabindex="1" name="" id="">
    <a href="" tabindex="-1"></a>
  </span>
  <span>
    <input type="text" name="" tabindex="2" id="">
    <a href="" tabindex="-1" ></a>
  </span>
  <span>
    <input type="text" name="" tabindex="3" id="">
    <a href="" tabindex="-1" ></a>
    </span>
  <span>
    <input type="text" name="" tabindex="4" id="">
    <a href="" tabindex="-1"></a>
  </span>
  <span>
    <input type="text" name="" tabindex="5" id="">
    <a href="" tabindex="-1"></a>
  </span>
</form>

CSS

span {
  border: 1px solid red;
  display: block;
  padding: 1rem;
  position: relative;
}

span a {
  display: inline-block;
  padding: 1rem;
  position: absolute;
  border: 2px solid orange;
  right: 0.5rem;
  top: 0.5rem;
}