提问者:小点点

Form标记应该属于Bootstrap的Form控件类,并且搜索输入字段需要一个glyphicon搜索图标


需求使用引导输入组组件在导航栏中创建搜索输入字段。创建一个表单并对齐导航栏的右侧,表单标记应该包含属于Bootstrap类的输入组。b.属于表单控件的输入字段应该有占位符“Search”。c.创建一个span标记,对输入搜索字段的输入字段按钮进行分组。d.创建一个Bootstrap默认按钮,在其上显示glyphicon-search图标。此按钮应该是属于引导输入组按钮的span的子级。

我的代码如下:

 <form class="navbar-form navbar-right">
  <div class="input-group">
    <input class="form-control" type="text" placeholder="Search">
    <span class="input-group-btn">
      <button class="btn btn-default">
       <i class="glyphicon glyphicon-search"></i>
      </button>
    </span>
  </div>
</form>

运行代码时,我会遇到以下错误:

  1. 表单标记应属于引导程序的表单控件类
  2. 搜索输入字段需要glyphicon搜索图标

你能帮我一下吗??多谢了。


共1个答案

匿名用户

天哪,你还在用BS3。现在已经是BS5了。我想这可能是你的任务。您的老师可能需要更新教材:)

您的问题的完整解决方案在这里https://www.w3schools.com/bootstrap/bootstrap_navbar.asp向下滚动到navbar中的搜索表单部分以获得完整的代码。

如果我的答案有帮助,请将其作为最终答案打勾并投上一票,这样其他有同样问题的人也会得到帮助。干杯