onkeydown 事件会在用户按下一个键盘按键时发生。这个不用说都知道，可以通过键值检测一下用户按下的是什么键，当然，onkeydown不仅仅是只有这个功能。
总结一下onkeydown事件在实例中的应用，有两个小例子
1.显示密码强度
例如：在一个需要输入密码的input输入框内输入密码，输入的同时需要检测密码强度，并显示出来，如图。
先说一个不怎么好但是也可以的方法，可以使用鼠标失焦事件onblur，即当鼠标离开密码输入框时，密码强度会显示出来。
newPassword.onblur = function(){
//判断密码框输入值的密码强度
if(this.value.length>10){
//两个块显示为红色
}
}
显然，一般检测密码强度不是这样的，这时候，使用onkeydown事件试一下。随着input输入框值的改变，密码强度会随之改变。把上面那个函数onblur改成onkeydown就可以了。
2.限制字数
例如：一个留言板的回复，设置回复内容最多只能输入100字。回复框textarea
如果此时设置<textarea maxlength="100" ></textarea>是远远不够的，因为这时候用户在输入的时候，输入到100字后突然输入什么都输入不了，此时应该有一个提示，弹出一个提示框，好，那么就应该在用户一边输入的时候一边检测输入框的字数，如果字数到了100，就该提示用户不可以输入了。
text.onkeydown = function(){
if(text.value.length==100){
alert("最多输入100个字~");
}
}
代码写出来很少看起来十分的简单，重点是要知道在什么时候应该用onkeydown。
**同时提一些输入框的常用的注意点：1.textarea框静止拉动拖动改变大小 resize:none;
2.input ,textarea输入框输入时文字离框要有一定的距离，padding-left:5px;
3.input，textarea输入框去掉默认蓝色框 outline:none;
4.div设置border时不要设置纯黑色，推荐一个，box-shadow，给div加一个阴影。box-shadow:2px 2px 5px #999;