jquery 友情提示:鼠标移上去,清空输入框的提示,然后给文字附颜色

编程入门 行业动态 更新时间:2024-10-06 22:29:30

jquery 友情提示:<a href=https://www.elefans.com/category/jswz/34/1769042.html style=鼠标移上去,清空输入框的提示,然后给文字附颜色"/>

jquery 友情提示:鼠标移上去,清空输入框的提示,然后给文字附颜色

先上图:【因为No pic  i  say  ge maoxian】



1是:input的value    2是title

<input id="inputName" name="inputName" width="82px" title="请输入员工姓名![支持模糊匹配]" value="请输入员工姓名!"/>

然后鼠标移上去:提示文字消失



鼠标一开,恢复文字!


直接上代码:

查询:<input id="inputName" name="inputName" width="82px" title="请输入员工姓名![支持模糊匹配]" value="请输入员工姓名!"/><input type="button" value="查询" id="btnSelect"/>

<script type="text/javascript">//编辑function editUser(id){//alert(id);location.href='${basePath}/user/user_Edit.jspx?id='+id;}$(document).ready(function(){//批量删除$("#btnDel").click(function() {if(confirm("确认删除?")){var lstInt = new Array();var index = 0;$("input[name='checkbox']:checked").each(function() {lstInt[index] = $(this).attr("value");index++;});if (lstInt.length <= 0) {alert("你还没有选择!");return;}if (lstInt != null&& lstInt.length > 0) {location.href = '${basePath}/user/delUser.jspx?idLst=' + lstInt;}}});// 全选$("#allCheck").click(function() {$("#notAllCheck").attr("checked", "");$("input[name='checkbox']").not("input:checked").each(function() {$(this).attr("checked", "checked");});});// 全不选$("#notAllCheck").click(function() {$("#allCheck").attr("checked", "");$("input[name='checkbox']:checked").each(function() {$(this).attr("checked", "");});});//查询$("#btnSelect").click(function(){if($("#inputName").val() == "" || $("#inputName").val() == "请输入员工姓名!"){alert("请输入员工姓名![支持模糊匹配]");$("#inputName").focus();}else{var name = $("#inputName").val();location.href="user_List.jspx?action=peek&inputName="+name;}});//友情提示$("#inputName").blur(function(){if($("#inputName").val() == ""){$(this).attr("value","请输入员工姓名!");}$(this).css("color","#D6D6FF");});$("#inputName").focus(function(){if($("#inputName").val() == "请输入员工姓名!"){$(this).attr("value","");}$(this).css("color","#6699FF");});});</script>


更多推荐

jquery 友情提示:鼠标移上去,清空输入框的提示,然后给文字附颜色

本文发布于:2024-02-19 14:19:42,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1764593.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:鼠标   友情提示   清空   输入框   颜色

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!