title: A customized input text box in html/html5
body: <p>Actually, I want to implement a text box as shown in the figure:<img src="https://i.stack.imgur.com/MD58j.png" alt="enter image description here"></p>
  
  <p>I want that the user should be able to enter the number in the required space. Note that it would be transparent so that the background is visible. A solution involving html5 canvas would also be good.</p>
  
  <p>So, is it possible to do this? If so, how?</p>