搜索框滑块和简单验证

搜索框滑块和简单验证

 

搜索框

 

代码：

    <p>搜索：
        <input type="search" name="search">
    </p>

 

 

 

 

滑块

注释：

input type="range"

 

代码：

<p>音量：
    <input type="range" name="voice" max="100" min="0" step="2">
</p>

 

 

 

 

 

简单验证

 

邮箱验证

注释：

 邮箱验证:输入不完整无法提交

代码：

<p>邮箱：
    <input type="email" name="email">
</p>

 

 

 

 

URL验证

注释：

URL：必须输入一个完整的网站

代码：

<p>URL：
    <input type="url" name="url">
</p>

 

 

 

 

数字

代码：

<p>商品数量：
    <input type="number" name="number" max="100" min="0" step="2">
</p>