Übermittlungsschaltfläche funktioniert nicht in Bootstrap-Registerkarten

Question

Ich habe versucht, dies zu tun, aber die Übermittlungsschaltfläche funktioniert überhaupt nicht. Das Bootstrap-Tab-Fenster ich verwende ist:

<!-- 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>

Ich habe versucht, und Javascript zu verwenden .. auch, dass nicht funktioniert .. Immer, wenn ich die Tasten einreichen klicken, passiert nichts und Das Formular postet die Werte nicht. Lass mich wissen, wie das funktioniert.

Answer 1

Sie <form>-Tag statt in Ihrem form-group verwenden sollten ein Formular einzureichen.

Haben diese statt:

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

Und Sie könnten PHP benötigen für den Umgang mit Form Ihrer Datenbank einreichen, wenn es gibt.

Answer 2

Übermitteln Schaltflächen senden FORMS. Wo ist Ihr form Tag?

Sie benötigen ein Formular-Tag mit einem Verfahren und einer Aktion:

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

Answer 3

Wahrscheinlich müssen Sie Ihre "Form" mit Form-Tags umgeben.

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

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