如何在没有搜索按钮的情况下制作搜索表单？

Question

这个问题与CSS / HTML和drupal web开发有关。我正在使用Drupal 7开发网站。默认情况下，Drupal提供Search form（如图所示），旁边有输入文本框和按钮。如何删除该搜索按钮并使其像文本输入框一样，例如，您可以看到search form的{​​{1}}。因此，无需单击按钮，只需编写文本并输入即可。感谢

注意：Drupal是内容管理系统。为什么我在这里问这个问题，因为解决方案与CSS / HTML有关。

Answer 1

您可以通过在主题中实施YOURTHEME_form_search_block_form_alter来更改搜索表单。通过将#access放在false上，您将禁用表单上按钮的呈现。

function YOURTHEME_form_search_block_form_alter(&$form, &$form_state, $form_id) {
    $form['actions']['submit']['#access'] = false;
}

Answer 2

如果你想隐藏提交按钮，但保持自动提交输入可能性你只需用css隐藏提交按钮：

#edit-custom-search-blocks { //replace this selector with ID of your submit button
      position: absolute;
      top: -999px;
      left: -999px;
      width: 0px;
      height: 0px;
}

您可以将其放在默认的CSS文件中。 （然后清除Drupal缓存）