|
|
@@ -0,0 +1,59 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>Document</title>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <form style="height: 8000px;" action="">
|
|
|
+ text:<input type="text"> <br>
|
|
|
+ <!--
|
|
|
+ type:email
|
|
|
+ 会对我们输入的内容进行一个邮箱校验 包括@ 并且@后面有东西
|
|
|
+ -->
|
|
|
+ email:<input type="email"><br>
|
|
|
+ <!--
|
|
|
+ type: color
|
|
|
+ 调色板
|
|
|
+ -->
|
|
|
+ color:<input type="color"><br>
|
|
|
+ <!--
|
|
|
+ type:date
|
|
|
+ 选择日期
|
|
|
+ -->
|
|
|
+ date:<input type="date"><br>
|
|
|
+ <!--
|
|
|
+ type:time
|
|
|
+ 选择时间
|
|
|
+ -->
|
|
|
+ time:<input type="time"><br>
|
|
|
+ <!--
|
|
|
+ type:range
|
|
|
+ 滑块类型
|
|
|
+ step属性 定义每一次滑动的距离
|
|
|
+ -->
|
|
|
+ range:<input type="range"><br>
|
|
|
+ range:<input type="range" step="20"><br>
|
|
|
+ <!--
|
|
|
+ type:search
|
|
|
+ 输入框可以输入内容 并且带有清除键
|
|
|
+ -->
|
|
|
+ search:<input type="search"><br>
|
|
|
+ <!--
|
|
|
+ type:number
|
|
|
+ 输入数字
|
|
|
+ step 输入值 不为有效值的时候 点击加减 默认调整到有效值
|
|
|
+ max 最大值
|
|
|
+ min 最小值
|
|
|
+ 当我们输入的数字 不是规定范围 点击加减 会默认调账
|
|
|
+ 当输入值 不等于 min + step 那么会调整为有效值
|
|
|
+ -->
|
|
|
+ <input type="number" step="2" max="20" min="9">
|
|
|
+
|
|
|
+
|
|
|
+ <input type="submit">
|
|
|
+ </form>
|
|
|
+</body>
|
|
|
+</html>
|
zsydgithub