input输入框提示
方法一:jq
$(function(){ jQuery.focusblur = function(focusid) { var focusblurid = $(focusid); var defval = focusblurid.val(); focusblurid.focus(function(){ var thisval = $(this).val(); if(thisval==defval){ $(this).val(""); $(this).css({'color':'#000'}); } }); focusblurid.blur(function(){ var thisval = $(this).val(); if(thisval==""){ $(this).val(defval); $(this).css({'color':'#999'}); } }); }; $.focusblur("#username"); $.focusblur("#qq"); $.focusblur("#telephone");
$.focusblur("#content");
$.focusblur("#code"); })
方法二:js
<input type="text" value="请输入用户名" onfocus="if(value=='请输入用户名') {value=''}" onblur="if (value=='') {value='请输入用户名'}">
直接在input中定义onfocus和onblur事件,缺点:鼠标一离开就显示提示文字,输入框中用户的输入也会消失。(不建议采用)