Javascript 搜索栏需要双击才能显示光标

我需要在代码中做哪些更改才能使光标在单击一次而不是双击后显示在搜索栏中？或者为什么在字段中单击一次后占位符不会消失？（值和占位符的基本概念应该保持这种方式）

HTML

<form action="search.php" method="GET">
    <input type="text" name="q" id="searchbox" placeholder="" value="Suche..." maxlength="99" autocomplete ="off" onMouseDown="active();" onBlur="inactive();"/>
    <button id="searchbutton"> Los!</button>
</form>

---

您不需要使用所有这些代码来创建占位符。你只需要这个：

<form action="search.php" method="GET">
    <input type="text" name="q" id="searchbox" placeholder="Suche..." maxlength="99" autocomplete ="off">
    <button id="searchbutton"> Los!</button>
</form>

---

您不需要使用所有这些代码来创建占位符。你只需要这个：

<form action="search.php" method="GET">
    <input type="text" name="q" id="searchbox" placeholder="Suche..." maxlength="99" autocomplete ="off">
    <button id="searchbutton"> Los!</button>
</form>

---

我知道它会像这样工作，但它与我的版本中用黑色写的变量“Suche…”不一样。你知道我的意思吗？谢谢你的建议：）我不太明白你想做什么。您的意思是希望占位符具有黑色而不是默认的灰色？好吧，一开始这是一个很小的问题（只是有点不同），但我还是想知道为什么我需要双击而不是一次点击。我想做的是：当你去网站的时候，在搜索栏上有一个黑色的单词“Suche…”。当您在黑色字母（变量）内单击时，将变为灰色字母（占位符），当我在占位符中键入内容时，占位符将消失。我知道这可能太详细了，但我还是想知道为什么需要双击才能输入单词^^谢谢你的帮助！你用的是什么浏览器？因为我使用的是Chrome，我只需点击一下就可以使用输入栏的焦点。哇，你说得对！。。。我正在使用Firefox..嗯，有些代码在Firefox中引起了麻烦，我知道它会像这样工作，但它与我的版本中的黑色变量“Suche…”不同。你知道我的意思吗？谢谢你的建议：）我不太明白你想做什么。您的意思是希望占位符具有黑色而不是默认的灰色？好吧，一开始这是一个很小的问题（只是有点不同），但我还是想知道为什么我需要双击而不是一次点击。我想做的是：当你去网站的时候，在搜索栏上有一个黑色的单词“Suche…”。当您在黑色字母（变量）内单击时，将变为灰色字母（占位符），当我在占位符中键入内容时，占位符将消失。我知道这可能太详细了，但我还是想知道为什么需要双击才能输入单词^^谢谢你的帮助！你用的是什么浏览器？因为我使用的是Chrome，我只需点击一下就可以使用输入栏的焦点。哇，你说得对！。。。我正在使用Firefox..嗯，有些代码在Firefox中引起了麻烦，但我不确定您在这里期望的是什么…我只需点击一下，它就可以工作了。是的，你是对的，但不是firefox。：：不太确定你在这里期望什么……对我来说，它似乎只需点击一次就可以工作。是的，你是对的，但不是firefox..：/

::-webkit-input-placeholder {
     color: black;
  }

:-moz-placeholder { /* Firefox 18- */
     color: black;  
}

::-moz-placeholder {  /* Firefox 19+ */
     color: black;  
}

:-ms-input-placeholder {  
     color: black;  
}