提交按钮不起作用在引导标签

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>标签中，而不是你的form-group提交表单。

做这些，而不是：

<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