Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > A simple example of jQuery text box gaining and losing focus_jquery

A simple example of jQuery text box gaining and losing focus_jquery

WBOY
Release： 2016-05-16 16:59:38
Original
935 people have browsed it

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:


                                                                                                          
                                                                                                                                                                                                                                       t;

  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:

Latest Articles by Author
Latest Issues
Submit form without button using Javascript/Jquery I'm trying to submit a form without a button by calling a JavaScript function and executin...
From 2024-04-06 14:54:03
0
2
421
How to retrieve values ​​of unselected rows in HTML data table using jquery I'm trying to get the value of all rows where the button was not clicked. For example, whe...
From 2024-04-05 09:26:49
0
1
1418
Need a jquery script to move selected options from a select box based on the end user's current selection I have an HTML page where the end user can rank our items via a select box element. See th...
From 2024-04-04 18:40:04
0
1
3528
I've created an element in pure CSS via bookmarks. It is created but not visible My code is as follows: g=document.createElement('div');g.setAttribute("id","...
From 2024-04-04 17:27:27
0
1
417
Unable to send form data on Safari/Firefox iOS This works on all platforms except Safari/Firefox on iOS: jQuery("#gform_1").one...
From 2024-04-04 12:53:48
0
1
303
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template

Public welfare online PHP training，Help PHP learners grow quickly！

About us Disclaimer Sitemap

© php.cn All rights reserved