1つのページに検索窓を複数設置したいです

1つのページに検索窓を複数設置したいです

Q. 同じページに検索窓を複数付けることは可能ですか

A. 以下の a), b) の手法で、ページ内に複数の検索窓を動作させることが可能です。
a)　複数の「mf-search-box」エレメントを、「mf_finder_header」または「mf_finder_container」のなかに記述する
b)　a)の拡張として、1つまたは複数の「mf-search-box」エレメントを含む「mf_finder_header」または「mf_finder_container」を複数回記述する

a)の例
<div class="mf_finder_header">
　　<!-- 1つめの検索窓 -->
    <mf-search-box></mf-search-box>
　　<!-- 2つめの検索窓 -->
    <mf-search-box></mf-search-box>
</div>
<div class="mf_finder_container">
    <!-- 1つめの検索窓 -->
    <mf-search-box></mf-search-box>
    <!-- 2つめの検索窓 -->
    <mf-search-box></mf-search-box>
</div>
<div class="mf_finder_container">
    <!-- 1つめの検索窓 -->
    <mf-search-box></mf-search-box>
    <!-- 2つめの検索窓 -->
    <mf-search-box></mf-search-box>
    <!-- 3つめの検索窓 -->
    <mf-search-box></mf-search-box>
</div>

b)の例
<div class="mf_finder_header">
　　<!-- 1つめの検索窓 -->
    <mf-search-box></mf-search-box>
</div>
<div class="mf_finder_container">
    <!-- 2つめの検索窓 -->
    <mf-search-box></mf-search-box>
</div>
<div class="mf_finder_header">
　<!-- 1つめの検索窓 -->
    <mf-search-box></mf-search-box>
</div>
<div class="mf_finder_container">
    <!-- 2つめの検索窓 -->
    <mf-search-box></mf-search-box>
</div>
<div class="mf_finder_container">
    <!-- 3つめの検索窓 -->
    <mf-search-box></mf-search-box>
</div>
<div class="mf_finder_container">
    <!-- 1つめの検索窓 -->
    <mf-search-box></mf-search-box>
</div>
<div class="mf_finder_container">
    <!-- 2つめの検索窓 -->
    <mf-search-box></mf-search-box>
    <!-- 3つめの検索窓 -->
    <mf-search-box></mf-search-box>
</div>