| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <title>Reference: Compute kind of widget - fallback - all elements (grouped tests)</title> |
| <style> |
| #container { width: 500px; } |
| button, |
| input[type=color], |
| input[type=button], |
| input[type=reset], |
| input[type=search], |
| input[type=submit], |
| input[type=text], |
| meter, |
| progress, |
| #select-listbox, |
| textarea { |
| appearance: none; |
| } |
| #select-dropdown-box, |
| #select-menulist-button { appearance: none; appearance: menulist-button; } |
| </style> |
| <div id="container"> |
| <a id="link">a</a> |
| <button id="button">button</button> |
| <input id="button-input" type="button" value="input-button"> |
| <input id="submit-input" type="submit" value="input-submit"> |
| <input id="reset-input" type="reset" value="input-reset"> |
| <input id="text-input" type="text" value="input-text"> |
| <input id="search-text-input" type="search" value="input-search-text"> |
| <input id="search-input" type="search" value="input-search"> |
| <input id="range-input" type="range"> |
| <input id="checkbox-input" type="checkbox"> |
| <input id="radio-input" type="radio"> |
| <input id="color-input" type="color"> |
| <textarea id="textarea">textarea</textarea> |
| <select multiple id="select-listbox"><option>select-listbox</option></select> |
| <select id="select-dropdown-box"><option>select-dropdown-box</option></select> |
| <select id="select-menulist-button"><option>select-menulist-button</option></select> |
| <meter id="meter" value=0.5></meter> |
| <progress id="progress" value=0.5></progress> |
| </div> |
