form-add-valid-with-invalid-element.html

Enable keyboard shortcuts

<!DOCTYPE html>

<!--form with one invalid element and another valid one is added dynamically -->

<html class='reftest-wait'>

  <head>

    <style>

      form:invalid { display: none; }

    </style>

  </head>

  <script>

    function onloadHandler()

      document.forms[0].appendChild(document.getElementById('i'));

      document.documentElement.className = '';

  </script>

  <body onload='onloadHandler();'>

    <input id='i' type='text' value='foo'>

    <form>

      <input id='j' type='email' value='emailfoo'>

    </form>

  </body>

</html>