title: Label text appears as watermark in form input (HTC EVO)
body: <p>I am having an issue with the content of a <code>label</code> being automatically inserted as a watermark inside an <code>input</code>. I have tested this on a range of phones and browsers but it seems to only happen on the HTC EVO (3D X515A). When I give it focus (e.g. touch the input) the text disappears, similar to the <code>placeholder</code> attribute of an <code>input</code>. There is also no auto-population with js.</p>
  
  <p>I have tried searching to see if this is a new standard on Android browsers but have come up with only one reference to the issue which was closed over a year ago with no solution: <a href="https://github.com/jquery/jquery-mobile/issues/382" rel="nofollow noreferrer">https://github.com/jquery/jquery-mobile/issues/382</a></p>
  
  <p>Here is the label and input code:</p>
  
  <pre><code>&lt;input type="number" name="phone" id="phone" minlength="10" maxlength="10" inputmode="latin digits" required="required" /&gt;
  &lt;label for="phone"&gt;Confirm your Valid Cell Number:&lt;/label&gt;
  </code></pre>
  
  <p>I will have to take a picture of the phone's display if anyone needs to see the issue because it does not happen on my emulator.</p>
  
  <hr>
  
  <p>UPDATE: Removing the input identifier on the label (for="phone") solves the problem, but is not syntactically correct. Seems to be a weird bug, or "feature" on HTC browsers.</p>
  
  <p>I ran into another big problem with the HTC browser. When you autofocus on an input the browser will apply its own style regardless of your css. It removes the border and background color and the input looks empty and almost invisible (if not for the blinking cursor). Using the :focus pseudo-class and other -webkit selectors don't work to override the browser's styles. There's another <a href="https://stackoverflow.com/questions/5170028/input-elements-in-webviews-always-have-the-same-style-if-highlighted-on-htc-devi">question</a> on here describing this issue with no clear answers. Closest I can get to a workaround is removing the style from the input and wrapping it in a div.</p>