在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
题目::创建若干个输入文本框,当光标离开文本框的时候如果文本框为空,则将文本框背景色设置为红色,如果不为空则为白色。 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>无标题文档</title> 6 <!--创建若干个输入文本框,当光标离开文本框的时候如果文本框为空,则将文本框背景色设置为红色,如果不为空则为白色--> 7 <script src="jquery-1.11.2.min.js"></script> 8 </head> 9 <body> 10 <input type="text" value="第一个" style="background-color:#C00"/> 11 <input type="text" value="第二个" style="background-color:#C00"/> 12 <input type="text" value="第三个" style="background-color:#C00"/> 13 <input type="text" value="第四个" style="background-color:#C00"/> 14 15 </body> 16 </html> 17 18 <script type="text/javascript"> 19 20 $(document).ready(function(e) { 21 $("input").blur(function(e){ 22 if($(this).val() == ""){ 23 $(this).css("background-color","#F00"); 24 }else{ 25 $(this).css("background-color","#FFF"); 26 } 27 }); 28 29 30 }); 31 32 33 </script> 显示的结果::
|
2022-08-30
2022-08-17
2022-11-06
2022-08-17
2022-07-18
请发表评论