输入框——输入框提示文字显示/消失

var oText = document.getElementById('text1');
oText.onfocus = function() {
    if ( this.value == '请输入内容' ) { //点击输入框文字消失
        this.value = '';
    }
}
oText.onblur = function() {
    if ( this.value == '' ) {
        this.value = '请输入内容';   //没有输入文字点击其他地方提示文字显示
    }
}
<input type="text" id="text1" value="请输入内容" />

描述:输入框提示文字,点击输入框文字消失,如果没输入文字点击其他地方文字显示

posted @ 2017-04-14 13:22  念念念不忘  阅读(214)  评论(0)    收藏  举报