| <html> |
| <head> |
| <title>basic "autofocus" test</title> |
| <style> |
| input { background:red } |
| input:focus { background:lime } |
| </style> |
| <script src="../../resources/js-test-pre.js"></script> |
| <script language="JavaScript" type="text/javascript"> |
| window.jsTestIsAsync = true; |
| |
| function elementBlur() { |
| document.getElementById("input1").type = "password"; |
| } |
| function elementFocus() { |
| document.getElementById("input1").type = "text"; |
| } |
| |
| function test() { |
| document.getElementById("input2").focus(); |
| shouldBe('document.activeElement', 'document.getElementById("input2")'); |
| finishJSTest(); |
| } |
| </script> |
| </head> |
| <body onload="test()"> |
| <input id="input1" type="text" autofocus onblur="elementBlur()" onfocus="elementFocus()"/> |
| <br/> |
| <p>This form control should have a green background and active state:<input id="input2"> |
| <hr> |
| <pre id="console"> |
| |
| </pre> |
| <script src="../../resources/js-test-post.js"></script> |
| </body> |
| </html> |
