form-valid-and-barred.html

Enable keyboard shortcuts

<!DOCTYPE html>

<!-- Form with one invalid element and a barred for constraint validation element -->

<html>

  <head>

    <style>

      form:invalid { display: none; }

    </style>

  </head>

 <body>

   <form>

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

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

   </form>

 </body>

</html>