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

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

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


1是:input的value    2是title

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

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

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


鼠标一开,恢复文字!


直接上代码:

查询:<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>


你可能感兴趣的:(java,java,java,C#,C#,textbox,textbox,typetext)