鼠标点击输入框文字消失 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实现效果 （仿京东的输入框效果）

标签：

原文地址：http://www.cnblogs.com/chongtao/p/5825517.html