title: Add a text suffix to <input type="number">
body: <p>I currently have a number of inputs like this:</p>
  
  <pre><code>&lt;input type="number" id="milliseconds"&gt;
  </code></pre>
  
  <p>This input field is used to represent a value in milliseconds.
  I do however have multiple number inputs which take a value in dB or percentages.</p>
  
  <pre><code>&lt;input type="number" id="decibel"&gt;
  &lt;input type="number" id="percentages"&gt;
  </code></pre>
  
  <p>What I would like to do is add a type suffix to the input field to let users know what kind of value the input represents. Something like this:</p>
  
  <p><a href="https://i.stack.imgur.com/JaTrw.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/JaTrw.jpg" alt="enter image description here"></a></p>
  
  <p>(This image is edited to show what result I want to have,I hid the up and down arrows from the input type as well).</p>
  
  <p>I have tried to Google this but I can't seem to find anything about it. Does anyone know if this is possible, and how you can accomplish something like this?</p>