12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- <!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>
- <!-- text 文本类型 -->
- <input type="text">
- <!-- color 取色板 -->
- <input type="color" value="#ff0000">
- <!-- submit 提交按钮 -->
- <input type="submit">
- <!-- date 日期选择器 -->
- <input type="date" value="2024-06-12">
- <!-- time 时间选择器 -->
- <input type="time" value="12:00">
- <!-- search 搜索框 -->
- <input type="search">
- <!-- range 进度条 -->
- <input type="range">
- <!-- number 数字选择器 max 最大值 min最小值 value 默认值 -->
- <input type="number" max="20" min="10" value="12">
- <!-- tel 手机号 maxlength 最大长度 -->
- <input type="tel" maxlength="11">
- <!-- file 文件 accept 接收类型 -->
- <input type="file" accept="image/jpg">
- <select>
- <option value="aa">1</option>
- <option value="bb">2</option>
- <option value="cc">3</option>
- </select>
- <input type="text" list="abc">
- <datalist id="abc">
- <option value="1">小学</option>
- <option value="2">初中</option>
- <option value="3">高中</option>
- <option value="4">大学</option>
- </datalist>
- <!-- email 邮箱输入框 回车时触发 -->
- <input type="email">
- </form>
- </body>
- </html>
|