compute-kind-widget-no-fallback-ref.html (1140B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>Reference: Compute kind of widget - no fallback</title> 4 <style> 5 #container { width: 500px; } 6 #container > #search-text-input { appearance: textfield; } 7 #container > #select-menulist-button { appearance: none; appearance: menulist-button; } 8 </style> 9 <div id="container"> 10 <a>a</a> 11 <button>button</button> 12 <input type="button" value="input-button"> 13 <input type="submit" value="input-submit"> 14 <input type="reset" value="input-reset"> 15 16 <input type="text" value="input-text"> 17 <input id="search-text-input" type="search" value="input-search-text"> 18 <input type="search" value="input-search"> 19 20 <input type="range"> 21 <input type="checkbox"> 22 <input type="radio"> 23 <input type="color"> 24 25 <textarea>textarea</textarea> 26 <select multiple id="select-listbox"><option>select-listbox</option></select> 27 <select id="select-dropdown-box"><option>select-dropdown-box</option></select> 28 <select id="select-menulist-button"><option>select-menulist-button</option></select> 29 <meter value=0.5></meter> 30 <progress value=0.5></progress> 31 </div>