html 输入框 获取焦点事件,文本框(input)获取焦点(onfocus)时样式改变的实现方法...

许多重视用户体验的设计师都希望给文本框(input)加上获取焦点或者鼠标悬停时的样式切换效果。其实很简单，我们只需要获取页面上的文本框，加上onfocus事件或者其他对应的事件即可。本文介绍了如何在获取焦点时切换样式，明白原理后，实现其他效果就很简单了。

设置某一个文本框为焦点：

document.getElementById(“username”).focus();//设置用户名的文本框为焦点。

Javascript:

程序代码

HTML:

程序代码

????文本框：