搜索输入框文字的消失
当鼠标获得焦点、失去焦点的时候，input输入框文字处理：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><script type="text/javascript" src="js/jquery-1.7.2.min.js"></script><script type="text/javascript">$(function(){$("input.text1").val("请输入搜索信息");textFill($("input.text1"));});function textFill(input){var originalvalue = input.val();input.focus(function(){if($.trim(input.val()) == originalvalue){input.val("");}});input.blur( function(){ if( $.trim(input.val()) == ""){ input.val(originalvalue); } });}</script></head><body><input class="text1" style="color:#D7D7D7"/><input type="button" value="百度一下"></body></html>
页:
[1]