首页 > 代码库 > 文本框灰色提示文字

文本框灰色提示文字

方法两个:

1.加入placeholder属性:

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

注意:(1)输入文字后,提示文字消失

         (2)默认value=""

2.加入几个属性:

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

注意:(1)鼠标点击即消失

         (2)默认value="http://www.mamicode.com/请输入关键字"

文本框灰色提示文字