一、简单验证

<!-- 邮件验证   --><p> 邮箱:<input type="email" name="email"></p><!-- url   --><p> URL:<input type="url" name="url"></p><!-- 数字   --><p> 数字:<input type="number" name="num" max="100" min="0" step="1"></p>

二、滑块

<!--  滑块input type="range"--><p>音量:<input type="range" name="voice" min="0" max="100" step="2"></p>

三、搜索框

<!-- 搜索框 --><p><input type="search" name="search"></p>

https://www.bilibili.com/video/BV1x4411V75C?p=16&spm_id_from=pageDriver