A simple example of jQuery text box gaining and losing focus

Version 1

css code part:

Copy code The code is as follows:

.focus { 
 border: 1px solid #f00;
 background: #fcc;
} 

When focus is obtained, add focus style, add border, and change the background color to #fcc

html code part:

Copy code The code is as follows:

lt;/div> ; & Lt; div & gt;
& lt; label for = "msg" & gt; detail: & lt;/label & gt;
& lt; textarea id = "msg" rows = "2" color = "20" >
; Two inputs and one textare box.

:input matches all input, textarea, select and button elements.

jQuery code part:

Copy code

The code is as follows:

Related Tutorials

Popular Recommendations

Latest courses