Javascript text box color changes when clicked

Javascript text box color changes when clicked

The default text box on the Web page is always gray, and it seems a little impatient. You all like to use CSS and JS to change its style. Today, I wrote a text box that changes the color of the clicked border, when you click the text box to be entered, the text box is automatically highlighted and highlighted, with visual effects, making the text box much more beautiful. The HTML code is as follows:

. Code

5. The border color changes when the input box is clicked.
8. <Script type = "text/javascript">
9. // FocusClass: The style when the focus is obtained
10. // NormalClass: normal style
11. Function focusInput (focusClass, normalClass ){
12. Var elements = document. getElementsByTagName ("input ");
13. For (var I = 0; I <elements. length; I ++ ){
14. If (elements [I]. type! = "Button" & elements [I]. type! = "Submit" & elements [I]. type! = "Reset "){
15. Elements [I]. onfocus = function () {this. className = focusClass ;};
16. Elements [I]. onblur = function () {this. className = normalClass | '';};
17. }
18. }
19. }
20. </Script>
21. <Script type = "text/javascript">
22. Window. onload = function (){
23. FocusInput ('focusinput', 'normalinput ');
24. }
25. </Script>
26. Enter the name:

29. It works in Firefox, but Firefox and chrome. By default, these two browsers will automatically input a box to add the click effect, so sometimes they cannot see clearly, and IE is outstanding. Front-end framework example