当前位置: 首页 > 知识库问答 >
问题:

搜索框在访问网站时处于活动状态。

江鸿羲
2023-03-14

我有一个搜索框,当客户访问我的网页时,我想让它活跃起来。

我的HTML是:

<form class="form-search top-search" action="Search.aspx" onsubmit="return validateSearch(this);" method="GET">
<input type="text" class="input-medium search-query yui-ac-input" name="ss" id="ss" placeholder="Search and find it fast" title="Search and find it fast" onblur="if (this.value == '') { this.value = 'Search and find it fast'; }" onfocus="if ((this.value == 'Search and find it fast')||(this.value == 'Search and find it fast')) { this.value = ''; }" onkeypress="if ((this.value == 'Please enter a keyword or item #')||(this.value == 'Search and find it fast')) { this.value = ''; } else{ document.getElementsByName('ss')[0].style.color='black'; }" autocomplete="off">
<input type="submit" title="Search" class="btn btn-orange SearchButton" value="Search">
</form>

我只是想默认用户进入字段,就像亚马逊默认你进入他们的搜索框一样。

共有3个答案

越伟泽
2023-03-14

纯Javascript解决方案,适用于IE6和任何其他浏览器。

把这个放在身体结束标签之前

  <script type="text/javascript">
    var obj = document.getElementById("ss");
    obj.focus(); 
  </script>

在支持html5的浏览器上,您可以在输入中使用自动聚焦属性。

<input autofocus type="text" class="input-medium search-query yui-ac-input" name="ss" id="ss" placeholder="Search and find it fast" title="Search and find it fast" autocomplete="off" />
姬俊远
2023-03-14

可以使用.focus()对输入进行聚焦

$(function () {
    $('#ss').focus();
});

演示

葛修永
2023-03-14

您可以使用HTML5自动聚焦属性:

<input type="text" autofocus>
 类似资料:
  • 问题内容: 从MDN for NodeList: 在某些情况下,NodeList是一个实时集合,这意味着DOM中的更改会反映在集合中。例如,Node.childNodes处于活动状态: 在其他情况下,NodeList是静态集合,这意味着DOM中的任何后续更改都不会影响集合的内容。document.querySelectorAll返回一个静态NodeList。 所以....有点烦!是否有任何关于哪些

  • 我尝试用java的selenium webdriver访问blogger搜索框。但是我也有例外,比如 线程“主”组织中的异常 openqa.硒.NoSuch元素异常: 无法找到元素: {“method”:“name”,“selector”:“q”} 我的代码是这样的..... 但它不工作,我也尝试与类名,xpath,id,名称,但它不工作.. 请给我任何建议?

  • Drupal允许搜索您网站上的特定内容。 您可以在网站上搜索用户和文字。 我们将在以下步骤中指定如何在Drupal中设置站点搜索 - Step 1 - 转到“ Configuration ,然后单击“ SEARCH AND METADATA部分下的“ Search settings链接。 Step 2 - 搜索引擎维护您网站内容中的字词索引。 您可以调整索引行为,如以下屏幕所示。 Indexing

  • 我还没有找到任何方法来解决这个问题。 我的应用程序中有一个网络视图。我希望能够检测键盘何时处于活动状态,何时处于非活动状态。当这些变化发生在网络视图中时,它似乎无法检测到。 我想对这些不同的状态执行操作。在iOS上,当键盘处于活动状态时,通过观察者进行监听非常简单。Ref UIKeyboard将显示/隐藏。 Android中是否有任何功能与这些观察者在Android中的功能相同? 希望这个问题解释

  • 我想在不使用应用编程接口的情况下访问instagram页面。我需要找到追随者的数量,所以这不仅仅是一个源下载,因为页面是动态构建的。 我发现HtmlUnit是一个模拟浏览器的库,这样JS就会被渲染,我就能得到想要的内容。 但是,此调用会导致以下异常: 所以它无法访问该脚本,但如果我正确解释了这一点,它只是为了加载字体,我不需要。我在google上搜索了如何告诉它忽略页面的某些部分,并找到了这条线索

  • 问题内容: 是否有可能使MySQL中的行处于非活动状态?因此,该行不再用于查询结果吗?我的客户希望保留删除的成员在数据库中的存在,但是我不想编辑所有查询以检查该成员是否被删除。 还是有一种简单的方法将整个行数据移动到另一个“非活动”表中? 问题答案: 您可以重命名当前表,在其中创建“ deleted”列,然后创建一个与当前表同名的视图,并选择“ deleted = 0”。这样,您不必更改所有查询。