| 1234567891011121314151617181920212223242526272829303132333435 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- </head>
- <body>
- <!-- 新增input类型 -->
- <!-- 日期选择器 -->
- <input type="date">
- <!-- 时间选择器 -->
- <input type="time">
- <!-- 日期时间选择器 -->
- <input type="datetime-local">
- <!-- 颜色选择器 -->
- <input type="color">
- <!-- 数字输入框 最小值 最大值 步长 -->
- <input type="number" min="0" max="10" step="2">
- <!-- range输入框 最小值 最大值 步长 -->
- <input type="range" min="0" max="10" step="2">
- <!-- email输入框 验证邮箱格式 -->
- <!-- <input type="email"> -->
- <!-- from 表单提交 -->
- <form action="xxx.com">
- <input type="text" name="username" placeholder="请输入用户名">
- <input type="email" name="email" placeholder="请输入邮箱">
- <!-- submit提交按钮 -->
- <input type="submit" value="提交">
- </form>
-
- </body>
- </html>
|