html 自定义搜索表单

Posted 2021-05-11

{% if page != 'myportal_index' and page != 'myportal_show' and page != 'myaccount' %}
  {{ search_form_begin }}
    <div class='outer'>
      <div class='inner'>
        <input type='text' id='q' name='q' maxlength='100' value='' />
        {{template_form_params}}
        <div id='question-mask' class='question-big'>{{system.snippets.have_a_question}}</div>
        <button type="submit" id="support-search-submit">
          <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="22px" height="22px" viewBox="0 0 22 22" enable-background="new 0 0 22 22" xml:space="preserve" fill="#ff7430">
            <path fill-rule="evenodd" clip-rule="evenodd" d="M21.504,21.504c-0.661,0.661-1.734,0.661-2.395,0l-4.189-4.189
              c-1.537,1.068-3.401,1.698-5.414,1.698C4.256,19.013,0,14.757,0,9.506S4.256,0,9.506,0s9.506,4.256,9.506,9.506
              c0,2.013-0.63,3.877-1.697,5.414l4.189,4.189C22.165,19.771,22.165,20.843,21.504,21.504z M9.506,3.002
              c-3.592,0-6.504,2.912-6.504,6.504s2.912,6.504,6.504,6.504s6.505-2.912,6.505-6.504S13.099,3.002,9.506,3.002z"></path>
          </svg>
          </button>
      </div>
    </div>
  {{ search_form_end }}
{% endif %}