类型

<input type='text'> 

text                    // 文本框

password          // 密码框

hidden               // 隐藏

textarea            // 文本域         <texteara cols=4 rows='6'> </texteara>

radio                 // 单选按钮        通常与label使用  <label><input type='radio' value='2'>值为2的选项</label>

checkbox          // 多选               <label><input type='checkbox' value='2'>值为2的选项</label>

新型输入框

Email                // 输入的内容必须为email

url                    // 定义URL框

number            // 定义数字框  属性  max=‘10’ 最大值为10    min=‘2’  最小值为2        step =‘2’ 值间隔为2       例  2 4 6 8 

range              // 定义范围框  属性  max=‘10’ 最大值为10    min=‘2’  最小值为2        step =‘2’ 值间隔为2       例  2 4 6 8 

date                // 定义日期选择器     month  月-年  week  周-年  time    datetime    datetime-local

search            // 搜索框 

tel                   // 电话号码框

color               // 定义拾色器

输入框属性

autocompelete='on'     // 自动完成  常用属性  适用类型  text  password  search url email range  color  datepickers

autofocus                    // 自动获取焦点

height/width                // 高 宽

list                               // 列表  text  search url tel email date  pickers  number range color

multiple                       // 是否可以选择多个值

pattern                        // 定义匹配模式   相当于正则  <input type='text' pattern='[0-9]{6}'>

placeholder                // 文本未填内容时提示

maxlength：最大长度     

readonly:只读   

disabled:不可用   

表单新型对象

datelist                // 定义数据列表

keygen                // 定义秘钥对生成器

output                 // 页面输出结果  和 text差不多，没有边框，不可进行编辑

autocomplaate    // 自动完成

novalodate           // 禁止表单验证