<!DOCTYPE HTML> <html> <!-- Test: textarea with maxlength is invalid if the user edits and it's too long --> <head> <style> :valid { background-color:green; } :invalid { background-color:red; } * { box-shadow:none; background-color:white; } </style> <script src="/tests/SimpleTest/EventUtils.js"></script> <script> function runTest() { var textarea = document.getElementById('textarea'); textarea.setSelectionRange(textarea.value.length, textarea.value.length) textarea.focus(); synthesizeKey("KEY_Backspace"); textarea.blur(); // to hide the caret document.documentElement.className=''; } </script> </head> <body onload="runTest()"> <textarea id="textarea" maxlength="2">fooo</textarea> </body> </html>