HTML5 Input 类型完整教程

<!-- 邮箱 -->
<input type="email" placeholder="your@email.com">

<!-- 电话 -->
<input type="tel" pattern="[0-9]{3}-[0-9]{4}-[0-9]{4}">

<!-- 网址 -->
<input type="url" placeholder="https://">

<!-- 搜索 -->
<input type="search" placeholder="搜索..."> 

<!-- 日期 -->
<input type="date" min="2020-01-01" max="2030-12-31">

<!-- 时间 -->
<input type="time">

<!-- 本地日期时间 -->
<input type="datetime-local">

<!-- 月份 -->
<input type="month">

<!-- 周 -->
<input type="week"> 

<!-- 数字 -->
<input type="number" min="0" max="100" step="5">

<!-- 范围滑块 -->
<input type="range" min="0" max="100" value="50" oninput="output.value = this.value">
<output>50</output> 

<input type="color" value="#ff0000">