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 @   hollg  阅读(141)  评论(0)  编辑  收藏  举报
相关博文：
·  HTML5-列表框、文本框、文件域
·  HTML5-按钮和多选框、图片按钮
·  搜索框滑块和简单验证
·  HTML搜索框滑块
·  Day04
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
点击右上角即可分享
微信分享提示
SQL AI 助手