textarea 鼠标点击选中取消默认值，不点击默认值可以提交到后台

<div class="col-md-5 pl-mini0">
    <textarea name="versionBrief" id="versionBrief" rows="3" maxlength=500  class="form-control required" placeholder="当前版本V1.0"
     onfocus="if(this.value=='当前版本V1.0') {this.value='';}this.style.color='#ff0000';"
     onblur="if(this.value=='') {this.value='当前版本V1.0';this.style.color='#333';}">当前版本V1.0</textarea>
</div>

 

主要是实现当当默认值不改变的情况下可以提交到后台，改变的情况下可以自行输入内容，默认值不显示。

主要代码是：οnfοcus="if(this.value=='当前版本V1.0') {this.value='';}this.style.color='#ff0000';"
     οnblur="if(this.value=='') {this.value='当前版本V1.0';this.style.color='#333';}"

鼠标选中和离开事件。

默认情况下：

 

 

鼠标选中时：

 

输入内容时默认字符会消失