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事件,缺点:鼠标一离开就显示提示文字,输入框中用户的输入也会消失。(不建议采用)

 
posted @ 2014-06-23 14:16  投影  阅读(436)  评论(0编辑  收藏  举报