Question

我有一个搜索框，旁边有一个按钮，如果我在搜索框中键入内容并点击输入它将进行搜索，但是如果我只是点击我的搜索按钮，任何人都知道为什么？

<ul class="searchListUl">
   <li>
      <form>
         <input type="text" class="search" placeholder="Keywords" required>
            <select class="region">
                <option value="1" selected>example</option>
                <option value="2">example</option>
            </select>
            <select class="department">
                <option value="a" selected>All Departments</option>
                <option value="b">Computing</option>
            </select>
         <input type="button" class="button" value="Search">
      </form>
   </li>
</ul>

Answer 1

将button替换为submit

<input type="submit" class="button" value="Search">

Answer 2

对于那些到这里来的人来说，为什么button元素不提交表单，请注意：button元素对input type="submit"的作用相同，但是 only < / em>（如果您在其上包含type="submit"属性）。

这将提交您的表格：

<button type="submit">Go</button>

这不会：

<button type="button">Go</button>

Answer 3

这看起来很棒。但你可以简单地使用html中的button标签。

<button type="button">Search</button>

这似乎是一种更容易实现的方法。

Answer 4

实际上是：

<input type="text" placeholder="Search.." name="search">
  <button type="submit"><i class="fa fa-search"></i></button>

您是否发现fa-search我开发了一种很酷的按钮

搜索按钮不工作html

4 个答案: