スニペット"AjaxSearch"：検索フォームのHTMLテンプレート
検索フォームのHTMLテンプレートを変更するには、&tplInputパラメーターを使用します。
構文
[!AjaxSearch? &tplInput=`テンプレート`!]| 値 | 初期値 | 説明 |
|---|---|---|
| テンプレート | @FILE:assets/snippets/ajaxSearch/templates/input.tpl.html | チャンク名 または HTML文字列 または ファイルパス。 HTMLは先頭に @CODE:を付け、ファイルパスは先頭に@FILE:を付けて指定する。 |
サンプルコード
チャンク：search-form
<form action="[+as.formAction+]" method="post" id="[+as.formId+]">
<input type="hidden" name="advsearch" value="[+as.advSearch+]">
<dl>
<dt><label for="[+as.inputId+]">検索ワード：</label></dt>
<dd><input name="search" value="[+as.inputValue+]"[+as.inputOptions+] id="[+as.inputId+]" class="cleardefault"></dd>
</dl>
<p>[+as.liveSearch:is=`0`:then=`<button name="sub" id="[+as.submitId+]">[+as.submitText+]</button>`+]</p>
</form>使用
[!AjaxSearch? &tplInput=`search-form`!]プレースホルダー
検索フォームで使用されるプレースホルダーは次の通りです。
| プレースホルダー | 説明 |
|---|---|
| [+as.formAction+] | form要素のaction属性の値。 |
| [+as.formId+] | form要素のid属性の値。 |
| [+as.advSearch+] | &advSearchパラメーターの値。 検索する単語の検索方法 |
| [+as.inputId+] | 入力欄（input要素）のid属性の値。 |
| [+as.inputValue+] | 入力欄（input要素）のvalue属性の値。 画面遷移した場合に入力した値が引き継がれる。 |
| [+as.inputOptions+] | 入力欄（input要素）に追加でいろいろと付与される。 |
| [+as.submitId+] | 検索ボタン（input要素）のid属性の値。 |
| [+as.submitText+] | 検索ボタンのテキスト。 |