search - Joomla 3でBootstrapの入力追加スタイルの検索フィールドスタイルを使用するにはどうすればよいですか？

Question

Bootstrapを使用してJoomla3でサイトを構築しています。組み込みの検索モジュールは、隣に送信ボタンがある検索フィールドを提供します。送信ボタンが検索フィールドに追加される「入力-追加」スタイルに変更するにはどうすればよいですか？

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関数の代わりにネイティブプレースホルダーも追加しました。