bootstrapで作成された
レスポンシブデザインのサイトがあり
ページ内に2つのformがあります
ひとつは①スマホ用表示
もうひとつは②PC用表示です
②hidden-xs
①visible-xs
でそれぞれ表示を切り替えてます
気持ち的にはフォームは一つ(スマホ時1つ、PC時1つ)のつもりですが
どうしても記述が2つあるのでエンターでのsubmitが出来ず困ってます。
何か方法あるのでしょうか
ちなみに
最初にスマホ用①が記述され
<form role="search" action="hoge.php" method="get"> <div class="input-group"> <input type="text" id="keywords" class="form-control" name="keywords" placeholder=""> <div class="input-group-btn"> <button class="btn btn-default" id="leftSearch" onclick="return onSearch()" type="submit">検索</button> </div> </div> </form>
あとでPC用②が記述されてます
PC用
1<form action="hoge.php" method="get"> 2 <input type="text" id="keywords" name="keywords" placeholder=""> 3 <input type="submit" id="leftSearch" value="検索" class="btn btn-primary btn-sm" onclick="return onSearch()" /> 4</form>
②を表示している時にエンターでsubmitしたいです
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/12/09 07:19