文本框灰色提示文字

Posted 2020-08-23 happyeverydayhxy

方法两个：

1.加入placeholder属性：

<input id="keywords" name="keywords" placeholder="请输入关键字"></input>

注意：（1）输入文字后，提示文字消失

         （2）默认value=""

2.加入几个属性：

<input id="keywords" name="keywords" placeholder="请输入关键字" value="请输入关键字" onfocus="if(value==defaultValue){value=‘‘;this.style.color=‘#000‘}" onblur="if(!value){value=defaultValue;this.style.color=‘#999‘}" style="color: rgb(153, 153, 153);"></input>

注意：（1）鼠标点击即消失

         （2）默认value="请输入关键字"