补充表单学习的应用与初级验证

<!--邮件验证-->
     <p>邮箱：
    <input type="email"name="email">
     </p>
    <!--URL验证-->
    <p>URL：
        <input type="url"name="url">
    </p>
    <!--数字验证-->
    <p>商品数量：
        <input type="number"name="number"max="100"min="0"step="1"required>
    </p>
    <!--滑块
    input type="range"-->
    <p>滑块：
        <input type="range"name="voice"max="100"min="0"step="2">
    </p>
    <!--搜索框-->
    <p>搜索：
        <input type="search"name="search">
    </p>
       <p>
           <input type="submit">
           <input type="reset"value="清空表单">
       </p>
    <!--增强鼠标可用性-->
    <p>
    <label for="mark">你点我试试</label>
    <input type="text" id="mark">
    </p>
    <!--表单应用
    readonly：只读（后缀）
    disabled：禁用（后缀）
    hidden：隐藏（后缀）
    label+tab可指向一个位置
    -->
    <!--
    https://www.jb51.net/tools/regexsc.htm
    -->
    <p>自定义邮箱
        <input type="text"name="diymail"pattern="^"w+([-+.]w+)*@w+([-.]w+).w+([-.]w+)*$">

    </p>
<!--提交：submit  重置：reset
    进入之后输入名字和密码-进入我的第一个网页中“hello world“----显示username就是input的名字-->