JavaScript基础学习 显示隐藏文本框内容

    
    
    
    Document

    
        input {
            color: #999;
        }
    



    
    
        var inpt = document.querySelector('input');
        inpt.onfocus = function() {
            console.log('得到焦点');
            if (inpt.value === '手机') {
                inpt.value = '';
                inpt.style.color = '#333';
            }


        }
        inpt.onblur = function() {
            console.log('失去焦点');
            if (inpt.value === '') {
                inpt.value = '手机';
                inpt.style.color = '#999';
            }

        }