form-with-valid-element-add-barred-dynamic.html

Enable keyboard shortcuts

<!DOCTYPE html>

<!-- form with one valid element and you dynamically add a barred constraint

validation element -->

<html>

  <head>

    <style>

      form:invalid { display:none }

    </style>

    <script>

      function onLoadHandler()

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

        document.documentElement.className='';

    </script>

  </head>

  <body onload='onLoadHandler();'>

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

    <form>

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

    </form>

  </body>

</html>