在input的type属性中设置“text”
1、在标记中书写默认字符
<input id="mytxt" type="text" value="请输入用户姓名" />
通过value属性来设置默认显示的字符
2、获取焦点默认字符消失
<input id="mytxt" type="text" value="请输入用户姓名" οnfοcus="if(value=='请输入用户姓名') {value=''}" οnblur="if(value=='') {value='请输入用户姓名'}"/>
3、传统事件处理方式加判断
<input id="mytxt" type="text" value="请输入用户姓名" />
<script>
var wintxt = document.getElementById("mytxt");
wintxt.onfocus = function(){
if(wintxt.value == "请输入用户姓名"){
wintxt.value = "";
}
}
wintxt.onblur = function(){
if(wintxt.value == ""){
wintxt.value = "请输入用户姓名";
}else if(isNaN(wintxt.value)){
alert("-_- ! 只能输入数字!");
wintxt.value = "";
wintxt.focus();
}
}
</script>
===========================================================================
HTML5 中在input中有了一个新的属性:placeholder=“输入你要显示的字符”
IE10、Firefox、chrome测试可用,其它的就请各位测试了。。