|
|
@@ -0,0 +1,63 @@
|
|
|
+<!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>
|
|
|
+ <form action="">
|
|
|
+ <!-- text 文本类型 -->
|
|
|
+ <input type="text">
|
|
|
+ <br>
|
|
|
+ <!-- value 内容值 color 颜色类型 调色板-->
|
|
|
+ <input type="color" value="#ff0000">
|
|
|
+ <br>
|
|
|
+ <!-- submit 提交按钮 -->
|
|
|
+ <input type="submit">
|
|
|
+ <br>
|
|
|
+ <!-- date 日期 -->
|
|
|
+ <input type="date" value="2024-02-21">
|
|
|
+ <br>
|
|
|
+ <!-- time 时间 -->
|
|
|
+ <input type="time" value="12:00">
|
|
|
+ <br>
|
|
|
+ <!-- search 搜索 -->
|
|
|
+ <input type="search">
|
|
|
+ <br>
|
|
|
+ <!-- range 进度条 -->
|
|
|
+ <input type="range" value="100">
|
|
|
+ <br>
|
|
|
+ <!-- number 数值 max 最大值 min 最小值 -->
|
|
|
+ <input type="number" value="3" max="10" min="1">
|
|
|
+ <br>
|
|
|
+ <!-- tel 手机号
|
|
|
+ maxlength 最大可输入的范围
|
|
|
+ -->
|
|
|
+ <input type="tel" maxlength="11">
|
|
|
+ <br>
|
|
|
+ <!--
|
|
|
+ file 文件类型
|
|
|
+ accept 接收文件类型
|
|
|
+ -->
|
|
|
+ <input type="file" accept="image/jpg,image/png">
|
|
|
+ <br>
|
|
|
+ <select>
|
|
|
+ <option value="1">1</option>
|
|
|
+ <option value="11">11</option>
|
|
|
+ <option value="1111">1111</option>
|
|
|
+ </select>
|
|
|
+ <input type="text" list="abc">
|
|
|
+ <datalist id="abc">
|
|
|
+ <option value="112">11</option>
|
|
|
+ <option value="11112">1111</option>
|
|
|
+ </datalist>
|
|
|
+ <br>
|
|
|
+ <!-- 邮箱校验 email
|
|
|
+ 回车执行
|
|
|
+ 输入内容一定要包含@符号
|
|
|
+ -->
|
|
|
+ <input type="email">
|
|
|
+ </form>
|
|
|
+</body>
|
|
|
+</html>
|
e