input的type值
<!DOCTYPE html>
<html lang="zh-CN">
<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>html-input-type</title>
</head>
<body>
<!-- 数字输入框,只能输入数字,可为正为负 -->
<input type="number" />
<!-- 密码输入框,输入信息对用户不可见 -->
<input type="password" />
<!-- 时间输入框,列表第一个默认当前时间 -->
<input type="time" />
<!-- 搜索输入框,普通输入框后面带一个清空图标 -->
<input type="search" />
<!-- 区间输入框,默认0-100;可设置最大值、最小值、步长 -->
<input type="range" />
<!-- 文件输入框,点击可打开文件选择窗口 -->
<input type="file" />
<!-- 复选框、单选框 -->
<input type="checkbox" />
<input type="radio" />
<!-- 日期输入框;提供年月日选择 -->
<input type="date" />
<!-- 周输入框;提供整周选择 -->
<input type="week" />
<!-- 颜色值输入框;提供颜色选择 -->
<input type="color" />
</body>
</html>
效果: