鼠标点击输入框文字消失 value placeholder 以及JQ实现效果 （仿京东的输入框效果）
Posted 单眼皮男生
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了鼠标点击输入框文字消失 value placeholder 以及JQ实现效果 （仿京东的输入框效果）相关的知识，希望对你有一定的参考价值。
鼠标点击输入框文字消失 value实现方法 placeholder实现方法 以及JQ实现placeholder效果
<input type="text" value="请输入手机号" id="demo" class="inp-fon">
<input type="text" value="请输入银行卡号" id="demo" class="inp-fon">
<input type="text" value="请输入" id="demo" class="inp-fon">
<input name="textfield"type="text"value="点击添入标题"onfocus="if (value ==‘点击添入标题‘){value =‘‘}"onblur="if (value ==‘‘){value=‘点击添入标题‘}"/>
<input type="text" onfocus="this.placeholder = ‘‘" onblur=" this.placeholder=‘‘ " placeholder="输入手机号/账户号" />
<textarea name="textarea"cols="80"rows="17"onfocus="if(value==‘正文：‘){value=‘‘}"onblur="if (value ==‘‘){value=‘正文：‘}"></textarea>
<script>
$("input").focusin(function(){
var oldValue = $(this).val();
if(oldValue == this.defaultValue){
$(this).val("");
}
}).blur(function(){
var oldValue = $(this).val();
if(oldValue == ""){
$(this).val(this.defaultValue);
}
});
</script>
以上是关于鼠标点击输入框文字消失 value placeholder 以及JQ实现效果 （仿京东的输入框效果）的主要内容，如果未能解决你的问题，请参考以下文章
ASP中textbox如何实现默认值为：“请输入账户”，当用户鼠标点击文字消失，正常输入 。