Source code
Revision control
Copy as Markdown
Other Tools
<!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>