Question

点击输入文本框，默认文字消失？用js怎样实现啊？求代码！！！！

默认文字消失以后，新打进去的字的颜色怎么变啊

Answer 1

<input type="text" placeholder="请输入文字"> <!-- 添加placeholder不需要js控制 -->
<input id='keyword' name='keyword' type="text"> <!-- 这里可以用js控制 -->

<script>
    var keyword = document.getElementById('keyword')
    if (!keyword.value) {
        keyword.style='color: #999'
        keyword.value = '请输入文字'
    }
    keyword.onfocus = function(e) {
        if (!e.target.value || (e.target.value === "请输入文字")) {
            keyword.removeAttribute('style')
            keyword.value = ''
        }
    }
    keyword.onblur = function(e) {
        if (!e.target.value || (e.target.value === "请输入文字")) {
            keyword.style='color: #999'
            keyword.value = '请输入文字'
        }
    }
</script>

Answer 2

哥，输入框有个属性叫:placeholder

<input type="text" placeholder="请输入"/>

input{
    color:red;
}