当没有输入内容时,input中的字体变化

1、当没有输入内容时，input中的测试是灰色的，当输入内容时，内容的字体是正常的黑色。

这种情况经常用于对用户进行信息的提示：见于大多搜索框；解决方法示例：

<input type="text" style="width:190px;height:16px; color:#DFDFDF" value="请输入手机的系列或者型号"onfocus="if(this.value=='请输入手机的系列或者型号'){this.value=''};this.style.color='black';"onblur="if(this.value==''||this.value=='请输入手机的系列或者型号'){this.value='请输入手机的系列或者型号';this.style.color='#DFDFDF';}">

    <input type="submit"name="search" value=" 搜 索 ">

 

2、input输入框默认文字，点击消失

方法一： 

<input type="text" value="请输入用户名"onfocus="if(value=='请输入用户名') {value=''}" onblur="if (value==''){value='请输入用户名'}">

 

方法二：

<input name="username" type="text" value="first name.last name" size="15" maxlength="60" onfocus="if (value==defaultValue)value=''" onblur="if(!value)value=defaultValue">