如何在Joomla 3中使用Bootstrap的输入追加样式搜索字段样式?

时间:2013-03-25 19:45:09

标签: search twitter-bootstrap joomla

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

1 个答案:

答案 0 :(得分: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函数。