title: Retrieving raw value from email field with mixed Chinese and Latin characters
body: <p>Basically I'm trying to read raw field values, but cannot in some cases as shown below. </p>
  
  <p>Consider a simple email form field:</p>
  
  <pre><code>&lt;input type="email" name="username" id="username" /&gt;
  </code></pre>
  
  <p>When I input regular email, Javascript can read the value as expected. When I input all Chinese character, Javascript also can read the value as expected.
  However when I mix latin and Chinese characters, Javascript seems to convert to some sort of code character set.</p>
  
  <p><strong>Test examples:</strong></p>
  
  <p><code>test@test.com       //returns test@test.com
  暮捕徹@暮捕徹.暮捕徹    //returns 暮捕徹@暮捕徹.暮捕徹
  test@暮捕徹.com       //returns test@xn--r5t43fptd.com
  test@test.暮捕徹      //returns test@test.xn--r5t43fptd
  </code></p>
  
  <p><strong>Test code:</strong>
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function login(){
   var username=document.querySelector('#username').value;
    var resultDiv=document.createElement('DIV');
    resultDiv.innerText = username;
   document.querySelector('body').appendChild(resultDiv);
    return false;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form onsubmit="javascript: return false;"&gt;
    &lt;label for="username"&gt;Username&lt;/label&gt;
    &lt;input type="email" name="username" id="username" /&gt;
    &lt;button onclick="login();"&gt;
      Login
    &lt;/button&gt;
  &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>Things I've Tried:</strong></p>
  
  <ul>
  <li>I have set in <code>&lt;head&gt;</code>:
  <code>&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;</code></li>
  <li>I had set utf-8 in form field:
  <code>&lt;input type="email" name="username" id="username" accept-charset="utf-8" /&gt;</code></li>
  </ul>