h5下拉

以你之姓@ 2022-06-05 01:38 191阅读 0赞

#### 数据列表 ####

> ![这里写图片描述][SouthEast]

### 下拉数据 ###

> ![这里写图片描述][SouthEast 1]

<select>                
                <optgroup label="打野位">
                    <option value="兰陵王">兰陵王</option>
                    <option value="兰陵王">兰陵王</option>
                </optgroup>
                <optgroup label="射手">
                    <option value="黄忠">黄忠</option>
                    <option value="后羿">后羿</option>
                </optgroup>
            </select>

> ![这里写图片描述][SouthEast 2]

### 进度条 ###

<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>
            
            <p contenteditable="true">来修改我的值吧</p>
            
            姓名：<input type="text" name="fname" spellcheck="true"/>

> ![这里写图片描述][SouthEast 3]

[SouthEast]: /images/20220605/3c0bef5fd15c4ac7be6574660d8653b2.png
[SouthEast 1]: /images/20220605/779390f1b23840f299540ed724575496.png
[SouthEast 2]: /images/20220605/3b48f575996c451baa1937d66b55e32d.png
[SouthEast 3]: /images/20220605/5970c5b6944546de8315c68165dedf0d.png