search - 如何在 Joomla 3 中使用 Bootstrap 的输入附加样式搜索字段样式？

Question

我正在使用 Bootstrap 在 Joomla 3 中构建一个站点。内置的搜索模块为您提供了一个搜索字段，旁边有一个提交按钮；如何将其更改为将提交按钮附加到搜索字段的“输入附加”样式？

Answer 1

这是我的代码/templates/[mytemplate]/html/mod_search/default.php：

<?php

defined('_JEXEC') or die;
?>
<form action="<?php echo JRoute::_('index.php');?>" method="post" class="form-inline search<?php echo $moduleclass_sfx ?>">
    <label class="element-invisible"><?php echo $label ?></label>
    <div class="input-append">
        <input name="searchword" maxlength="<?php echo $maxlength ?>" class="inputbox<?php echo $moduleclass_sfx ?>  input-medium" type="text" size="<?php echo $width ?>" value="" placeholder="<?php echo $text ?>" />
        <button type="submit" class="button<?php echo $moduleclass_sfx ?> btn"><?php echo $text?></button>
    </div>

    <input type="hidden" name="task" value="search" />
    <input type="hidden" name="option" value="com_search" />
    <input type="hidden" name="Itemid" value="<?php echo $mitemid; ?>" />
</form>

某些模块选项不会像搜索按钮的位置等那样工作。我还添加了本机占位符，而不是无论如何都不起作用的 javascript 函数。