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