モバイルデザイン6 ／ フォーム

<div class="nav-item dropdown nav-dropdown-search hidden-sm-up">

  <a class="nav-link pull-xs-right lsf-icon search-icon" title="search" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

  </a>

  <div class="dropdown-menu dropdown-menu-right dropdown-menu-search" aria-labelledby="dropdownMenu2">

    <form class="navbar-form" name="form0" method="get" action ="/search">

      <input class="form-control navbar-search-input" type="text" placeholder="キーワード入力後 Enter" name="keyword" id="keyword">

    </form>

  </div>

</div>

<script>

$(document).ready(function() {

  // cursor focus

  $('.nav-dropdown-search').on('shown.bs.dropdown', function () {

    $('.navbar-search-input').focus();

  });

});

</script>