user-invalid-form-submission-invalidation.html (600B)
1 <!DOCTYPE html> 2 <html class=reftest-wait> 3 <link rel=author href="mailto:jarhar@chromium.org"> 4 <link rel=help href="https://issues.chromium.org/issues/357889498"> 5 <link rel=match href="user-invalid-form-submission-invalidation-ref.html"> 6 7 <style> 8 input:user-invalid { 9 border: 3px solid red; 10 } 11 input:user-valid { 12 border: 3px solid green; 13 } 14 </style> 15 16 <form> 17 <input required> 18 <input required> 19 <input> 20 <button>submit</button> 21 </form> 22 23 <script> 24 requestAnimationFrame(() => { 25 document.querySelector('button').click(); 26 document.documentElement.classList.remove('reftest-wait'); 27 }); 28 </script>