js对文本框内容显示隐藏

1. 文本框显示内容

**
<input type="text" value="默认内容">
此代码为HTML文本框显示默认内容

2. 利用js代码隐藏文本框内容

//利用Dom选取文档中input元素`

text=document.querySelector(“input”)`
text.οnfοcus=function(){
if(text.value ===“默认内容”){
text.value=""
}
}

3 .失去光标显示默认文本

**
当文本内容为空时，且失去光标则文本框恢复显示为默认内容

 text.onblur = function() {
            if (this.value === '') {
                text.value = '默认内容'
            }
      }