text默认字符设置

在input的type属性中设置“text”

1、在标记中书写默认字符

<input id="mytxt" type="text" value="请输入用户姓名" />

通过value属性来设置默认显示的字符

 

2、获取焦点默认字符消失

<input id="mytxt" type="text" value="请输入用户姓名" onfocus="if(value=='请输入用户姓名') {value=''}" onblur="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测试可用，其它的就请各位测试了。。