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

2022-06-15 16:02:56 阅读：150 来源： 互联网

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登录注册</title>
</head>
<body>
    
  <h1>注册</h1>
  
    
    <!-- 以下这几项，邮箱、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>

标签：滑块,验证,URL,搜索,HTML5,注册,邮箱
来源： https://www.cnblogs.com/huxingchen/p/16378758.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

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