输入从文本字段激活链接

Question

我已经浏览了这里的各种问题，但找不到任何适合我的东西，或者我不知道要编辑什么才能让它工作。

我有一个文本框，用户可以在其中输入内容，然后他们可以单击按钮或按 Enter 键，它们会将他们带到特定页面。我正在模拟未来的功能。我想要它，这样当用户按下回车键或单击按钮时，无论他们输入了什么，它都会转到同一页面。

当然，目前该按钮可以工作，但我不知道按 Enter 可以工作。这就是我目前在 HTML 中所拥有的

<input type="text" class="search" form="form1" onfocus="if (this.value=='City, State') this.value='';" value="City, State"/>
<a href="Springfield.html"><img src="images/searchbutton.png" class="searchbutton"/></a>

对此的任何帮助将不胜感激

Answer 1

将您的元素嵌套在form 中，并从input 中删除form 属性：

<form action="Springfield.html">
    <input type="text" class="search" onfocus="if (this.value=='City, State') this.value='';" value="City, State"/>
    <a href="Springfield.html"><img src="images/searchbutton.png" class="searchbutton"/></a>
</form>