h5下拉

数据列表

<input type="text" list="mydata" placeholder="热门英雄排行" />
<datalist id="mydata">
    <option value="李白"></option>
    <option value="后羿"></option>
    <option value="盖伦"></option>
    <option value="孙尚香"></option>
</datalist>

下拉数据

<details>
    <summary>刺客</summary>
    <p>李白</p>
    <p>李白</p>
    <p>李白</p>
    <p>李白</p>
</details>

<!--通过 optgroup 标签把相关的选项组合在一起 -->
        <select>                
            <optgroup label="打野位">
                <option value="兰陵王">兰陵王</option>
                <option value="兰陵王">兰陵王</option>
            </optgroup>
            <optgroup label="射手">
                <option value="黄忠">黄忠</option>
                <option value="后羿">后羿</option>
            </optgroup>
        </select>

进度条

<!-- output 标签作为计算结果输出显示
            IE不支持output
        -->
        <form oninput="x.value=parseInt(a.value)">0
            <input type="range" id="a" value="20"/>100
            <output name="x" for="a"></output>
        </form>

        <p>我们都是<mark>小仙女</mark></p>

        <progress value="50" max="100"></progress>
        <!--HTML5新属性 -->
        <p contenteditable="true">来修改我的值吧</p>
        <!--spellcheck="true" 检查拼写错误 -->
        姓名：<input type="text" name="fname" spellcheck="true"/>