fieldset-with-invalid-element-add-barred-dynamic.html

Enable keyboard shortcuts

<!DOCTYPE html>

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

validation element -->

<html>

  <head>

    <style>

      fieldset:invalid { display:none }

    </style>

    <script>

      function onLoadHandler()

        document.getElementById("fieldset").appendChild(document.getElementById('i'));

        document.documentElement.className='';

    </script>

  </head>

  <body onload='onLoadHandler();'>

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

    <fieldset id="fieldset">

      <input required>

    </fieldset>

  </body>

</html>