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

来源:6-11 填完就可以提交咯 - 提交按钮

qq_威斯布鲁童_0

2018-01-29 20:40

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

写回答 关注

4回答

  • 肥宅风见啸
    2018-07-18 11:36:59

    可以通过JS实现

  • Yoosl
    2018-01-31 23:08:03

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

  • FC叹号
    2018-01-29 21:22:55

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

  • 慕盖茨5439645
    2018-01-29 20:50:47

    要写一个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)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225297 学习 · 18230 问题

查看课程

相似问题