PHP----练习----光标离开文本框时变色
2024-10-22 08:26:00
题目::创建若干个输入文本框,当光标离开文本框的时候如果文本框为空,则将文本框背景色设置为红色,如果不为空则为白色。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<!--创建若干个输入文本框,当光标离开文本框的时候如果文本框为空,则将文本框背景色设置为红色,如果不为空则为白色-->
<script src="jquery-1.11.2.min.js"></script>
</head>
<body>
<input type="text" value="第一个" style="background-color:#C00"/>
<input type="text" value="第二个" style="background-color:#C00"/>
<input type="text" value="第三个" style="background-color:#C00"/>
<input type="text" value="第四个" style="background-color:#C00"/> </body>
</html> <script type="text/javascript"> $(document).ready(function(e) {
$("input").blur(function(e){
if($(this).val() == ""){
$(this).css("background-color","#F00");
}else{
$(this).css("background-color","#FFF");
}
}); }); </script>
显示的结果::
最新文章
- 找到第k个最小元----快速选择
- table常用功能总结
- webdriver 获取alert 提示no alert is active
- JS分页方法
- reason: &#39;-[__NSCFNumber rangeOfCharacterFromSet:]: unrecognized selector sent to instance
- 浅析C#深拷贝与浅拷贝(转)
- Apache HttpClient使用之阻塞陷阱
- 底部菜单栏(一) TabHost实现
- java学习笔记(12) —— Struts2 通过 xml /json 实现简单的业务处理
- linux中find指令与grep命令的组合使用
- SSMS2008插件开发(2)--Microsoft Visual Studio 2008插件开发介绍
- PB导出规定格式DBF文件
- Flash神奇的视频利器StageVideo
- [LeetCode] Minimum Absolute Difference in BST 二叉搜索树的最小绝对差
- 【实践报告】Linux实践二
- mac sz rz file tras
- TCP报文首部详解
- UVA 1508 - Equipment 状态压缩 枚举子集 dfs
- 深入浅出MongoDB应用实战开发
- 解决3 字节的 UTF-8 序列的字节 3 无效