鼠标点击输入框文字消失 value实现方法  placeholder实现方法     以及JQ实现placeholder效果  

<input type="text" value="http://www.mamicode.com/请输入手机号" id="demo" class="inp-fon">
<input type="text" value="http://www.mamicode.com/请输入银行卡号" id="demo" class="inp-fon">
<input type="text" value="http://www.mamicode.com/请输入" id="demo" class="inp-fon">
<input name="textfield"type="text"value="http://www.mamicode.com/点击添入标题"onfocus="if (value =http://www.mamicode.com/=‘点击添入标题‘){value =‘‘}"onblur="if (value =http://www.mamicode.com/=‘‘){value=‘点击添入标题‘}"/>
<input type="text" onfocus="this.placeholder = ‘‘" onblur=" this.placeholder=‘‘ " placeholder="输入手机号/账户号" />
<textarea name="textarea"cols="80"rows="17"onfocus="if(value=http://www.mamicode.com/=‘正文：‘){value=‘‘}"onblur="if (value =http://www.mamicode.com/=‘‘){value=‘正文：‘}"></textarea>
<script>
$("input").focusin(function(){
var oldValue = http://www.mamicode.com/$(this).val();
if(oldValue =http://www.mamicode.com/= this.defaultValue){
$(this).val("");
}
}).blur(function(){

var oldValue = http://www.mamicode.com/$(this).val();
if(oldValue =http://www.mamicode.com/=""){
$(this).val(this.defaultValue);
}
});
</script>

鼠标点击输入框文字消失 value placeholder 以及JQ实现效果 （仿京东的输入框效果）