form-valid-and-barred-remove-barred.html

Enable keyboard shortcuts

<!DOCTYPE html>

<!-- form with one valid element and a barred for constraint

validation element then you remove the second element -->

<html class='reftest-wait'>

  <head>

    <style>

      form:invalid { display: none; }

    </style>

  </head>

  <script>

    function onloadHandler()

      document.forms[0].removeChild(document.getElementById('j'));

      document.documentElement.className = '';

  </script>

  <body onload='onloadHandler();'>

    <form>

      <input id='i' value='foo'required>

      <input id='j' value='bar' readonly>

    </form>

  </body>

</html>