| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
- <!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>
|
