compute-kind-widget-fallback-all-elements-ref.html

Enable keyboard shortcuts

<!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>