toggle-display.html (1582B)
1 <!doctype html> 2 <html class="reftest-wait"> 3 <title>toggle 'display' test</title> 4 <meta charset="utf-8"> 5 <link rel="match" href="toggle-display-ref.html"> 6 7 <div id="tests"> 8 <input type="hidden"> 9 <input type="text"> 10 <input type="text" value="a"> 11 <input type="search"> 12 <input type="search" value="a"> 13 <input type="tel"> 14 <input type="tel" value="123456789"> 15 <input type="url"> 16 <input type="url" value="http://a"> 17 <input type="email"> 18 <input type="email" value="a"> 19 <input type="password"> 20 <input type="password" value="a"> 21 <input type="date"> 22 <input type="month"> 23 <input type="week"> 24 <input type="time"> 25 <input type="datetime-local"> 26 <input type="number"> 27 <input type="range"> 28 <input type="color"> 29 <input type="checkbox"> 30 <input type="radio"> 31 <input type="file"> 32 <input type="submit"> 33 <input type="image"> 34 <input type="reset"> 35 <input type="button"> 36 <input type="button" value="a"> 37 <select><optgroup><option></select> 38 <select><optgroup><option>a</select> 39 <select multiple></select> 40 <select multiple><optgroup>a</optgroup><option>b</option></select> 41 <optgroup></optgroup> 42 <option></option> 43 <button></button> 44 <button>a</button> 45 <textarea></textarea> 46 <textarea>a</textarea> 47 </div> 48 49 <script> 50 window.onload = () => { 51 requestAnimationFrame(() => { 52 requestAnimationFrame(() => { 53 let tests = document.querySelector('#tests'); 54 tests.style.display = 'none'; 55 requestAnimationFrame(() => { 56 tests.style.display = ''; 57 document.documentElement.classList.remove("reftest-wait"); 58 }); 59 }); 60 }); 61 } 62 </script> 63 64 </html>