title: How to add a unit to the end of <input type="number"> properly in HTML(5)?
body: <p>I would like to have an <code>&lt;input type="number"&gt;</code> that has a unit at the end (m<sup>2</sup>), but the user can't change it. I have this for now:</p>
  
  <pre><code>&lt;label&gt;
    Area:
    &lt;input type="number" name="area"&gt;
  &lt;/label&gt;
  </code></pre>
  
  <p>I guess I can't just add a unit directly after the <code>&lt;input&gt;</code> because that would probably mess up the <code>&lt;label&gt;</code>. So what do I do? Would it be best to separate the <code>&lt;label&gt;</code> using the <code>for</code> attribute or add an <code>::after</code> pseudo-element using CSS or what?</p>