input 的触发事件、css样式设置、type设置

input 常用的触发事件

onfocus ->当input框获取焦点时触发事件

onblur ->当input框失去焦点时触发事件

oninput ->当在input框内输入内容时触发，例如输入1，2，3，三个数字，就会触发三次事件

onchange ->当在input框内输入的内容前一次和后一次输入的内容不一致时触发事件

input 的常用css样式属性：border-radius、border、caret-color、outline、color

outline:none             //去掉input获取焦点时的边框

border-radius: 5px;   //定义input框的圆角为5px

border：none           //定义input框未获焦点时的边框未不存在

caret-color: red;        //定义input框内的光标颜色为红色

color:red                  //input内输入的文字为红色

input:hover{}

input的type常用的设置

text：文本、button：按钮、checkbox：复选框(注意加name属性)、email：邮箱类型

radio：单选框(注意加name属性)：单选框、file：上传文件、hidden：隐藏域、number：数字

submit：提交按钮、date：年月日、datetime-local：年月日时分秒