There are two buttons. The first is authorization. The second is search. For some reason, the last one works, performing two functions at once. They are placed in one class:

<ul class="nav navbar-nav navbar-right">

I tried to put them in different classes, in this case only the last one works (search). What does it depend on? How to make them two perform different functions? Screen

Code:

  <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <li class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><li><span class="glyphicon glyphicon-log-in auth" aria-hidden="true"></span></li></li> <ul class="dropdown-menu downauth"> <li> <form class="form-horizontal"> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">Email</label> <div class="col-sm-10"> <input type="email" class="form-control" id="inputEmail3" placeholder="Email"> </div> </div> <div class="form-group"> <label for="inputPassword3" class="col-sm-2 control-label">Password</label> <div class="col-sm-10"> <input type="password" class="form-control" id="inputPassword3" placeholder="Password"> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <div class="checkbox"> <label> <input type="checkbox"> Remember me </label> </div> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <button type="submit" class="btn btn-default">Sign in</button> </div> </div> </form> </li> </ul> </li> <li class="dropdown"> <li class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphicon-search iconsearch" aria-hidden="true"></span></li> <ul class="dropdown-menu search"> <form class="navbar-form navbar-left classsearch" role="search"> <div class="form-group"> <input type="text" class="form-control" placeholder="Search"><span class="glyphicon glyphicon-search icon3" aria-hidden="true"></span> </ul> </div> <!-- <button type="submit" class="btn btn-default">Go!</button> --> </form> </ul> </li> </ul>
  • Give your code. And then you can only guess. - Andrey Fedorov
  • Added by. Initially, the authorization form, then the search form. I did not enter additional classes now. they do not solve the problem. - Artyom Oleynichenko
  • and where are the id and aria-labelledby buttons for drop-down blocks? - Andrey Fedorov
  • Where exactly should I add id? - Artyom Oleynichenko
  • But what is this nonsense at the end of the fifth line? / li / li - Andrey Fedorov

1 answer 1

 <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <div class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <span class="glyphicon glyphicon-log-in auth" aria-hidden="true"></span> </div> <ul class="dropdown-menu downauth"> <li> <form class="form-horizontal"> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">Email</label> <div class="col-sm-10"> <input type="email" class="form-control" id="inputEmail3" placeholder="Email"> </div> </div> <div class="form-group"> <label for="inputPassword3" class="col-sm-2 control-label">Password</label> <div class="col-sm-10"> <input type="password" class="form-control" id="inputPassword3" placeholder="Password"> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <div class="checkbox"> <label> <input type="checkbox"> Remember me </label> </div> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <button type="submit" class="btn btn-default">Sign in</button> </div> </div> </form> </li> </ul> </li> <li class="dropdown"> <div class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <span class="glyphicon glyphicon-search iconsearch" aria-hidden="true"></span> </div> <ul class="dropdown-menu search"> <form class="navbar-form navbar-left classsearch" role="search"> <div class="form-group"> <input type="text" class="form-control" placeholder="Search"> <span class="glyphicon glyphicon-search icon3" aria-hidden="true"></span> </div> </form> </ul> </li> </ul>

  • Yes, it works fine) Thank you very much) It will be necessary to understand in detail where and what was missing in my code. - Artyom Oleynichenko