input输入框字体变色问题

<!-- 弹层-实物类 -->
<div class="lj-layer layer-sw dis_none">
<h3 class="layer-title">
<span class="close-span" title="关闭"></span>请填写领奖信息
</h3>
<form action="">
<div class="mart-15">
<label for="">姓名：</label><input type="text" data-value="请填写收件人姓名"  
οnfοcus="if(this.value=='请填写收件人姓名'){this.value=''};this.style.color='black';" 
οnblur="if(this.value==''||this.value=='请填写收件人姓名'){this.value='请填写收件人姓名';this.style.color='gray';}"
class=" input_value" id="name">
</div>
<p id="tsk" class="na"></p>
<div class="mart-15">
<label for="">联系电话：</label><input type="text" data-value="请填写联系电话"
οnfοcus="if(this.value=='请填写联系电话'){this.value=''};this.style.color='black';" 
οnblur="if(this.value==''||this.value=='请填写联系电话'){this.value='请填写联系电话';this.style.color='gray';}"
class=" input_value" id="phone"">
</div>
<p id="tsk" class="php"></p>
<div class="mart-15">
<label for="">邮政编码：</label><input type="text" data-value="请填写邮政编码"
οnfοcus="if(this.value=='请填写邮政编码'){this.value=''};this.style.color='black';" 
οnblur="if(this.value==''||this.value=='请填写邮政编码'){this.value='请填写邮政编码';this.style.color='gray';}"
class=" input_value" id="code">
</div>
<p id="tsk" class="cod"></p>
<div>
<label for="" class="label-address">配送地址：</label>
<textarea id="addr" οnfοcus="javascript:if(this.value=='请填写配送地址...'){this.value=''};this.style.color='black';"
οnblur="javascript:if(this.value==''){this.value='请填写配送地址...';this.style.color='gray';}">请填写配送地址...</textarea>
</div>
<p id="tsk" class="add"></p>
<div class="layer-btn-box">
<input type="button" class="layer-btn" value="确认"
οnclick="subInfomation()">
<input type="hidden" value="" class="lotteryId">
</div>
</form>

</div>

 实现了输入框当是默认提示语时一个颜色 输入时变色 当点击时 提示语消失等功能。