html验证错误：表单作为ul的子级

我想在导航栏中放置一个表单，因此编写了以下html代码

<div id="navbar" class="collapse navbar-collapse">
    <div class="navbar-inner">
        <ul class="nav navbar-nav">
            <li class="active">
            <li><a href="/"><span class="glyphicon glyphicon-home" aria-hidden="true"></span></a></li>
            <li><a href="#">item 1</a></li>
            <li><a href="#">item 2</a></li>
        </ul>
        <ul class="top_navbar_center">
             <form action="/target" method='GET' style="display:inline;top-margin:5px;padding:5px;">
                  {{ form_search.hidden_tag() }}
                  {{ form_search.search() }}
                  <input type=hidden id="user_id" name="user_id">
              </form> 
        </ul>
    </div>
</div>

所以我的问题是，如何才能正确地将表单包含在导航栏中？ 谢谢 卡尔

你应该把

放在

里面的
里面，而不是直接放在
下面

元素是
元素的有效子元素，
元素是
的有效子元素，因为它计为

您可以找到有关
和有效内容的更多信息，以及有关
和有效内容的信息


您的最终
如下所示：

<ul class="top_navbar_center">
      <li>
          <form action="/target" method='GET' style="display:inline;top-margin:5px;padding:5px;">
              {{ form_search.hidden_tag() }}
              {{ form_search.search() }}
              <input type=hidden id="user_id" name="user_id">
          </form> 
      </li>
</ul>



{{form_search.hidden_tag（）}}
{{form_search.search（）}}



如果要删除项目符号，可以始终使用
列表样式类型：无在CSS中

<ul class="top_navbar_center">
      <li>
          <form action="/target" method='GET' style="display:inline;top-margin:5px;padding:5px;">
              {{ form_search.hidden_tag() }}
              {{ form_search.search() }}
              <input type=hidden id="user_id" name="user_id">
          </form> 
      </li>
</ul>