首页 > 其他 > 详细

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

时间:2016-08-31 14:06:05      阅读:191      评论:0      收藏:0      [点我收藏+]

鼠标点击输入框文字消失 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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!