在web前端表单form经常用到，于是input输入框的相关知识就是必备的，为便于查找概述如下：
1.单行框 input type=“text” ，常用的属性有name、value、 maxlength，readonly等。
2.密码框 input type="password"
3.单选按钮 input type="radio"，在定义单选按钮时，必须为同一组中的选项指定相同的name值，这样“单选”才会生效。checked属性指定默认选中项。
4.复选框 input type="checkbox" 复选框常用于多项选择，如选择兴趣、爱好等，可对其应用 checked属性，指定默认选中项。
5.普通按钮 input type="button" 普通按钮常常配合JavaScript脚本语言使用，初学者了解即可。
6.提交按钮 input type="submit" ,可以对其应用 value属性，改变提交按钮上的默认文本。
7.重置按钮 input type="reset" 当用户输入的信息有误时，可单击重置按钮取消已输入的所有表单信息。可以对其应用 value属性，改变重置按钮上的默认文本。
8.图像提交按钮 input type="image" 用图像替代了默认的按钮，外观上更加美观。需要注意的是，必须为其定义src属性指定图像的url地址。
9.隐藏域 input type="hidden" 隐藏域对于用户是不可见的，通常用于后台的程序，初学者了解即可。
10.文件域 input type=“file” 页面中将出现一个“选择文件”按钮和提示信息文本，用户可以通过单击按钮然后直接选择文件的方式，将文件提交给后台服务器。
11.emai类型input type=“email”> 专门用于输入E-mai地址的文本输入框，用来验证emai输入框的内容是否符合E-mai地址格式;如果不符合，将提示相应的错误信息。
12.url类型 input type=“url” 用于输入URL地址的文本框。如果所输入的内容值不符合URL地址格式，则不允许提交，并且会有提示信息。
13.tel类型 input type=“tel” tel类型通常会和 pattern属性配合使用。
14.search类型 input type=" search" 专门用于输入搜索关键词的文本框，它能自动记录一些字符，如站点搜索或者Google搜索。在用户输入内容后，其右侧会附带一个删除图标，单击这个图标按钮可以快速清除内容。
15.color类型 input type="color" 用于实现一个RGB颜色输入。其基本形式是# RRGGBB，默认值为#000000，通过value属性值可以更改默认颜色。单击clor类型文本框，可以快速打开拾色器面板，方便用户可视化选取一种颜色。
16.number类型 input type="number" 数值的文本框。不是数字或者数字不在限定范围出现错误提示。●vale:初始值●max:最大值min:最小值●sep:数字间隔，默认值是1。
17.range类型 input type="range" 用于提供一定范围内数值的输入范围，在网页中显示为滑动条。通过min属性和max属性step步幅。
18.Date pickers类型 input type= date， month，week… 时间日期类型。
Date：选取日、月、年
Month：选取月、年
Week：选取周、年
Time：选取时间(小时和分钟)
Datetime：选取时间、日、月、年(UTC时间)
datetime-local：选取时间、日、月、年(本地时间)
UTC是 Universal Time Coordinated UTC时间就是0时区的时间。例如，如果北京时间为早上8点，则UTC时间为0点，即UC时间比北京时间晚8小时。
注意:对于浏览器不支持的标记输入类型，则会在网页中显示为一个普通输入框。
19.
20.
input标签的公共属性值:
required='true'必填
autofocus=true自动获取焦点
autocomplete='on' 输入自动完成功能
placeholder='<--请输入校长姓名-->'
pattern='[^a-zA-Z]\W(5,7)$' 输入遵循正则表达式
关于正则表达式的相关知识，内部有点偏多，单独成文介绍介绍。