Question

我的网页上有一个搜索栏。如果我想让链接跳转到搜索栏的输入部分，光标在那里闪烁，我可以用什么作为src =“”。如果有帮助，我正在使用twitter bootstrap 3。

Answer 1

尝试使用html标签作为输入。

<input type='text' id='search'/>
<label for='search'>Search</label>

Answer 2

假设你有一个id为search的输入：

<input type="text" placeholder="Search" class="form-control" id="search">

然后你可以这样做：

<a href="#" onclick="document.getElementById('search').focus();" class="btn btn-primary">go to search</a>

执行此操作的首选方法是使用事件处理程序（与上面显示的内联对象）的可维护性。如果你使用jQuery（我只是假设你是因为你用Twitter Bootstrap标记标记了这个），那看起来会是这样的：

<a href="#" class="btn btn-primary searchlink">go to search</a>

$(document).ready(function() {
  $('.searchlink').on('click', function() {
    $('#search').focus();
  }):
});

带光标的搜索栏链接

2 个答案: