|
|
@@ -0,0 +1,35 @@
|
|
|
+<!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>
|
