HTML5-搜索框滑块和简单验证 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登录注册</title>
</head>
<body>
    
  <h1>注册</h1>
  
    <form>
    <!-- 以下这几项，邮箱、URL
    -->
<p>邮箱：
  <input type="email" name="email"/>
  </p>
<p>URL：
  <input type="URL" name="url"/>
  </p>
  <!--数据验证
         max:最大值
        min：最小值
        step:步长，单次输入值的跨度

    -->
  <p>数据：
  <input type="number" name="num" max="100" min="0" step="2"/>
  </p>
  
  <!--滑块
    setp:每次加5
    -->
  <p>音量：
  <input type="range" name="voice" max="100" min="0" setp="5"/>
  </p>
  
  <!--搜索框-->
  <p>搜索:
    <input type="search" name="search"/>
  </p>
  
  
  
    <!--
    submit:提交按钮
    reset：清空按钮
    -->
    <p>
    <input type="submit"/> 
    <input type="reset"/>
    </p>
    
  </form>
  
</body>
</html>

 

posted @ 2022-06-15 15:54  hollg  阅读(148)  评论(0)    收藏  举报