qq_威斯布鲁童_0
2018-01-29 20:40
value后面输入的字可以显示到输入框里,输入的时候还要删除,那怎么才能让输入框里的字一点击就消失了
可以通过JS实现
二楼正解,placeholder属性,但是注意浏览器兼容问题,可以加入私有前缀
前面有人提到:把value换成placeholder,在输入框哪里就能显示原来设定的值,但是在你在网页输入信息的时候就不需要删除了。当然这只是其中一种不同的显示方式,还有其他方法应该在后面会有的,我也是刚学
要写一个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>
初识HTML(5)+CSS(3)-升级版
1225806 学习 · 18234 问题
相似问题