title: Seperate boxes for each letter in an Input field
body: <p>I mean these <a href="https://i.imgur.com/wBix9a1.jpg" rel="noreferrer">boxes</a> ; I want to imitate a real form but im not sure how to go about this.. I know it's not possible with normal html and might require some javascript/jquery; An example of this form online is also appreciated!</p>
  
  <p><img src="https://i.stack.imgur.com/dAW8f.png" alt="enter image description here"></p>