送信ボタンがブートストラップタブで動作しません

Question

私はこの作業をしようとしていますが、送信ボタンはまったく動作しません。私が使用しています ブートストラップタブウィンドウには、次のとおりです。

<!-- Nav tabs --> 
 
    <ul class="nav nav-tabs" role="tablist"> 
 
    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Add new Game</a></li> 
 
    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li> 
 
    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li> 
 
    <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li> 
 
    </ul> 
 

 
    <!-- Tab panes --> 
 
    <div class="tab-content"> 
 
    <div role="tabpanel" class="tab-pane active" id="home"> 
 
         <div class="form-group" style="margin-top: 15px;"> 
 
        <label for="exampleInputEmail1">Game Title</label> 
 
         <input type="text" class="form-control" id="exampleInputEmail1" placeholder="" name="gtitle" /> 
 
         </div> 
 
         <div class="form-group"> 
 
         <label for="exampleInputPassword1">YouTube Link</label> 
 
         <input type="text" class="form-control" id="exampleInputPassword1" placeholder="" name="ytlink" /> 
 
         </div> 
 
         <div class="form-group"> 
 
         <label for="exampleInputPassword1">Link Source</label> 
 
         <input type="text" class="form-control" id="exampleInputPassword1" placeholder="ex: GLEAM, DLH, FAILMID, HRKGAME, INDIEGALA, OTHER, STEAM" name="slink" /> 
 
         </div> 
 
         <div class="form-group"> 
 
         <label for="exampleInputPassword1">Link to Free Steam Keys</label> 
 
         <input type="text" class="form-control" id="exampleInputPassword1" placeholder="KEY MUST GIVE +1 TO THE STEAM LIBRARY GAME COUNT" name="keysl" /> 
 
         </div> 
 
         <label for="exampleInputPassword1">Steam App ID</label>  
 
         <div class="input-group" style="padding-bottom: 10px;"> 
 
         <span class="input-group-addon" id="basic-addon3">http://store.steampowered.com/app/</span> 
 
         <input type="text" class="form-control" id="basic-url" aria-describedby="basic-addon3" placeholder="App ID" name="appid" /> 
 
         </div> 
 
         <div class="form-group"> 
 
         <label for="exampleInputPassword1">Categories</label> 
 
         <div class="checkbox"> 
 
        
 
          <label class="radio-inline"> 
 
    <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1" /> 1 <h4><span class="label label-success">Keys Available</span></h4> 
 
</label> 
 
<label class="radio-inline"> 
 
    <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2" /> 2 <h4><span class="label label-danger">No Keys left</span></h4> 
 
</label> 
 

 
         
 
         </div> 
 
         <button type="submit" class="btn btn-default" name="insert">Submit</button> 
 
         </div> 
 
\t \t \t 
 
         </div> 
 
    <div role="tabpanel" class="tab-pane" id="profile">abc</div> 
 
    <div role="tabpanel" class="tab-pane" id="messages">..</div> 
 
    <div role="tabpanel" class="tab-pane" id="settings">...dd</div> 
 
    </div> 
 

 
</div>

私は送信ボタンをクリックするたびに、何も起こりません ..動作していないにもいることを...使用してJavaScriptをしようとしたとフォームは値をポストしません。この仕事をする方法を教えてください。

Answer 1

あなたがフォームを送信するためにあなたのform-groupに代わり<form>タグを使用する必要があります。

代わりに、これらの操作を行います。

<form class="form-group" method="POST" action="submit_something.php"> 
. 
. 
. 
</form> 

そして、あなたがある場合、フォームは、データベースに提出し処理するためにPHPが必要になる場合がありますが。

Answer 2

送信ボタン提出フォーム。 formタグはどこですか？

あなたはこの方法でフォームタグとアクションを必要とする：

<form action="/form-post-url" method="post"> 

Answer 3

おそらく、フォームタグで「フォーム」を囲む必要があります。

<form role="form"> </form> 

http://www.w3schools.com/bootstrap/bootstrap_forms.asp