<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单扩展</title>
</head>
<body>
    <form action="#">
        邮箱:<input type="email" name="email" autofocus required> <input type="submit"> <br>
<!--        网址：<input type="url"> <input type="submit"> <br>-->
<!--        邮编：<input type="number"> <input type="submit"> <br>-->
<!--        完成度：<input type="range"> <input type="submit"> <br>-->
<!--        生日： <input type="date"> <input type="submit"> <br>-->
<!--        电话：<input type="tel"> <input type="submit"> <br>-->
    </form>
    <fieldset>
        <legend >登陆</legend>
        <p>用户名：<input type="text"></p>
        <p>密 码： <input type="password"></p>

    </fieldset>


    <select name="" id="">
        <optgroup label="水果"></optgroup>
        <option value="">苹果</option>
        <option value="">苹果</option>
        <option value="">苹果</option>
        <optgroup label="蔬菜"></optgroup>
        <option value="">菠菜</option>
        <option value="">菠菜</option>
        <option value="">菠菜</option>

    </select>
</body>
</html>