显示 开始搜索时按回车键

Question

我有一个简单的搜索表单输入，我想在用户在搜索表单中键入的任何内容之后显示文本 [按 Enter]。我已经搜索了堆栈溢出无济于事。

<form action="/search" method="GET">
<input type="search" id="searchform" name="q" />
</form>

Answer 1

您是否尝试过研究placeholder功能？

<input type="search" id="searchform" name="q" placeholder="[Press Enter]" />

它将"虚影文本"添加到输入字段中，人们可以在其上键入。

如果您尝试在用户键入的任何内容后附加"[按 Enter]"，则实际查询的字符串会遇到一些问题，除非您在某种提交后处理中专门删除了"[按 Enter]"字符串。 您可以在 JavaScript 中执行on("change", ...)事件侦听器来更新值，例如：

$("#searchform").on("change", function() {
$(this).val($(this).val() + "[Press Enter]");
};

并添加一些超时检查，这样它就不会不断更新，但我认为你最好使用占位符。 一旦用户第一次看到它，我相信他或她会理解他或她应该按回车键进行搜索。