为了账号安全,请及时绑定邮箱和手机立即绑定

value后面输入的字可以显示到输入框里,输入的时候还要删除,那怎么才能让输入框里的字一点击就消失了

value后面输入的字可以显示到输入框里,输入的时候还要删除,那怎么才能让输入框里的字一点击就消失了

正在回答

4 回答

可以通过JS实现

0 回复 有任何疑惑可以回复我~

二楼正解,placeholder属性,但是注意浏览器兼容问题,可以加入私有前缀

0 回复 有任何疑惑可以回复我~

前面有人提到:把value换成placeholder,在输入框哪里就能显示原来设定的值,但是在你在网页输入信息的时候就不需要删除了。当然这只是其中一种不同的显示方式,还有其他方法应该在后面会有的,我也是刚学

1 回复 有任何疑惑可以回复我~

要写一个js:

<script>

$("#content").focus(function(){

if(this.value == this.defaultValue) {

this.value='';

$(this).css('color','#000');

}

});

$("#content").blur(function(){

if(this.value == '') {

this.value=this.defaultValue;

$(this).css('color','#ccc');

}

});

});

</script>

==================================================================

对应的 html:

<input type="text" id="content" name="content" value="请输入内容"/>

====================================================================

对应的css:

<style type="text/css">

#content{color:#ccc; }

</style>


1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

value后面输入的字可以显示到输入框里,输入的时候还要删除,那怎么才能让输入框里的字一点击就消失了

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信