Question

代码HTML：

<input class="search" value="Search" type="text" size="18" name="s" id="s">

CODE JS：

$(document).ready(function(){
     $('input .search).click(function(){
             $(".this").attr("value", "");
      });
});

我想消失这个词＆＃34;搜索＆＃34;当用户点击表单时。我的代码出了什么问题？

是否有任何功能可以让它变得更好？

Answer 1

使用占位符属性

<input class="search" placeholder="Search" type="text" size="18" name="s" id="s">

Answer 2

只需使用占位符属性而不是值。

<input class="search" placeholder="Search" type="text" size="18" name="s" id="s">

或者，如果您想在脚本中执行此操作，请执行以下操作：

$(document).ready(function(){
     $('.search').click(function(){
             $(this).attr("value", "");
      });
});

Answer 3

你可以尝试

<input class="search" placeholder="Search" type="text" size="18" name="s" id="s">

这会在文本输入中放置一个占位符文本，当有人试图输入任何内容时，它就会消失。

但如果你想坚持使用js，那么：

$(document).ready(function(){
     $('input.search').click(function(){
             $(this).attr("value", " ");
      });
});

您的代码中有一些拼写错误。

Answer 4

使用html5占位符

env:
  spring.jpa.hibernate.ddl-auto: create-drop

使用此

更正您的代码

<input class="search" placeholder="Search" type="text" size="18" name="s" id="s">

您忘了在搜索中<script> $(document).ready(function(){ $('input .search').click(function(){ $(this).attr("value", ""); }); }); </script>和'到$(".this")

Answer 5

您可以简单地使用占位符，并且代码中也有拼写错误： -

$(".this").attr("value", "");： - 错误

$(this).attr("value", "");： - 正确

Answer 6

我认为您最好像所有其他答案一样使用HTML属性placeholder。

在这里，我将解释您的JavaScript有什么问题：

$(document).ready(function(){
     $('input .search).click(function(){ // the string isn't closed and you have to use 'input.search', because 'input .search' looks for a child element of an input
             $(".this").attr("value", ""); // it's only this, not ".this"
      });
});

此代码有效

$(document).ready(function(){
     $('input.search').focus(function(){
             $(this).attr("value", "");
      }); 
});

演示：https://jsfiddle.net/rkxmby1f/

Answer 7

你有一些拼写错误，所以它不起作用：

 $('.search').click(function(){
        $(this).attr("value", "");
  });

首先： $('input .search)您没有关闭'。

第二：使用$(this)代替$(".this")

检查更新后的Fiddle here.

注意：我建议使用placeholder代替它。

希望它有所帮助。

Answer 8

您希望它在您点击后立即消失，

这是使用 JavaScript

JS ：DEMO

$(".search").click(function()
{
   $(".search").prop("value","");
});

或

HTML的占位符属性

<强> HTML

<input class="search" placeholder="Search" type="text" size="18" name="s" id="s">

注意：只有在您开始输入后它才会消失。

Answer 9

$(document).ready(function(){

    $('.search').on('focus', function() {
       $(this).val(""); 
    });

});

Answer 10

你也可以使用它，它很简单......

drawPolyline

如何隐藏INPUT值？JQuery

10 个答案: