Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/java/325.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Java 如何使用JSP、servlet检索可以动态添加的多个输入框的值?_Java_Html_Jsp_Servlets - Fatal编程技术网

Java 如何使用JSP、servlet检索可以动态添加的多个输入框的值?

Java 如何使用JSP、servlet检索可以动态添加的多个输入框的值?,java,html,jsp,servlets,Java,Html,Jsp,Servlets,如何使用JSP、servlet检索可以动态添加的多个输入框的值 <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="textinput">Name:</label> <div class="col-md-8"> <i

如何使用JSP、servlet检索可以动态添加的多个输入框的值

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Name:</label>
          <div class="col-md-8">
            <input id="textinput" name="textName" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Address Line 1:</label>
          <div class="col-md-8">
            <input id="textinput" name="textadr1" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Address Line 2:</label>
          <div class="col-md-8">
            <input id="textinput" name="textadr2" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

          <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Country:</label>
          <div class="col-md-4">
            <input id="textinput" name="textcntry" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

          <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Registration Number:</label>
          <div class="col-md-4">
            <input id="textinput" name="textregNo" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

          <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Registration Date:</label>
          <div class="col-md-4">
            <input id="textinput" name="textregDate" type="date"  class="form-control input-md" >
          </div>
        </div>

          <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Date of Dealing:</label>
          <div class="col-md-4">
            <input id="textinput" name="textDateDealing" type="date" class="form-control input-md" >
          </div>
        </div>

      </fieldset>

      <div id="contact-person-container">

      <div class="contact-person">
      <hr> 
      <fieldset id="modal_form">

      <button type='button' class='close closebtn'  aria-hidden='true'>&times;</button>
        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Contact Person:</label>
          <div class="col-md-4">
            <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Phone #:</label>
          <div class="col-md-4">
            <input id="textinput" name="textinput" type="text" placeholder="(_ _ _) _ _ _ _ _ _ _" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">fax #:</label>
          <div class="col-md-4">
            <input id="textinput" name="textinput" type="text" placeholder="(_ _ _) _ _ _ _ _ _ _" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Email:</label>
          <div class="col-md-8">
            <input id="textinput" name="textinput" type="email" placeholder="" class="form-control input-md" >
          </div>
        </div>



</fieldset>
</div> 

 </div>          
 <!-- /#contact-person-container -->             

  </div>
  <div class="modal-footer">
    <button type="button" id="addAnotherContactBtn" class="btn btn-   

primary">Add Another Contact</button>
        <button type="submit" class="btn btn-primary">Create Agent</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  </div>

    </form>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Name:</label>
          <div class="col-md-8">
            <input id="textinput" name="textName" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Address Line 1:</label>
          <div class="col-md-8">
            <input id="textinput" name="textadr1" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Address Line 2:</label>
          <div class="col-md-8">
            <input id="textinput" name="textadr2" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

          <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Country:</label>
          <div class="col-md-4">
            <input id="textinput" name="textcntry" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

          <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Registration Number:</label>
          <div class="col-md-4">
            <input id="textinput" name="textregNo" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

          <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Registration Date:</label>
          <div class="col-md-4">
            <input id="textinput" name="textregDate" type="date"  class="form-control input-md" >
          </div>
        </div>

          <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Date of Dealing:</label>
          <div class="col-md-4">
            <input id="textinput" name="textDateDealing" type="date" class="form-control input-md" >
          </div>
        </div>

      </fieldset>

      <div id="contact-person-container">

      <div class="contact-person">
      <hr> 
      <fieldset id="modal_form">

      <button type='button' class='close closebtn'  aria-hidden='true'>&times;</button>
        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Contact Person:</label>
          <div class="col-md-4">
            <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Phone #:</label>
          <div class="col-md-4">
            <input id="textinput" name="textinput" type="text" placeholder="(_ _ _) _ _ _ _ _ _ _" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">fax #:</label>
          <div class="col-md-4">
            <input id="textinput" name="textinput" type="text" placeholder="(_ _ _) _ _ _ _ _ _ _" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Email:</label>
          <div class="col-md-8">
            <input id="textinput" name="textinput" type="email" placeholder="" class="form-control input-md" >
          </div>
        </div>



</fieldset>
</div> 

 </div>          
 <!-- /#contact-person-container -->             

  </div>
  <div class="modal-footer">
    <button type="button" id="addAnotherContactBtn" class="btn btn-   

primary">Add Another Contact</button>
        <button type="submit" class="btn btn-primary">Create Agent</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  </div>

    </form>

姓名:
地址行1:
地址行2:
国家:
注册号码:
注册日期:
交易日期:

&时代; 联系人: 电话: 传真: 电邮: 添加其他联系人 创建代理 接近
这是一部分,我们可以有任何数量的输入字段,根据需要从上述形式

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Name:</label>
          <div class="col-md-8">
            <input id="textinput" name="textName" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Address Line 1:</label>
          <div class="col-md-8">
            <input id="textinput" name="textadr1" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Address Line 2:</label>
          <div class="col-md-8">
            <input id="textinput" name="textadr2" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

          <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Country:</label>
          <div class="col-md-4">
            <input id="textinput" name="textcntry" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

          <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Registration Number:</label>
          <div class="col-md-4">
            <input id="textinput" name="textregNo" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

          <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Registration Date:</label>
          <div class="col-md-4">
            <input id="textinput" name="textregDate" type="date"  class="form-control input-md" >
          </div>
        </div>

          <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Date of Dealing:</label>
          <div class="col-md-4">
            <input id="textinput" name="textDateDealing" type="date" class="form-control input-md" >
          </div>
        </div>

      </fieldset>

      <div id="contact-person-container">

      <div class="contact-person">
      <hr> 
      <fieldset id="modal_form">

      <button type='button' class='close closebtn'  aria-hidden='true'>&times;</button>
        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Contact Person:</label>
          <div class="col-md-4">
            <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Phone #:</label>
          <div class="col-md-4">
            <input id="textinput" name="textinput" type="text" placeholder="(_ _ _) _ _ _ _ _ _ _" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">fax #:</label>
          <div class="col-md-4">
            <input id="textinput" name="textinput" type="text" placeholder="(_ _ _) _ _ _ _ _ _ _" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Email:</label>
          <div class="col-md-8">
            <input id="textinput" name="textinput" type="email" placeholder="" class="form-control input-md" >
          </div>
        </div>



</fieldset>
</div> 

 </div>          
 <!-- /#contact-person-container -->             

  </div>
  <div class="modal-footer">
    <button type="button" id="addAnotherContactBtn" class="btn btn-   

primary">Add Another Contact</button>
        <button type="submit" class="btn btn-primary">Create Agent</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  </div>

    </form>
 <fieldset id="modal_form">

      <button type='button' class='close closebtn'  aria-hidden='true'>&times;</button>
        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Contact Person:</label>
          <div class="col-md-4">
            <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Phone #:</label>
          <div class="col-md-4">
            <input id="textinput" name="textinput" type="text" placeholder="(_ _ _) _ _ _ _ _ _ _" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">fax #:</label>
          <div class="col-md-4">
            <input id="textinput" name="textinput" type="text" placeholder="(_ _ _) _ _ _ _ _ _ _" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Email:</label>
          <div class="col-md-8">
            <input id="textinput" name="textinput" type="email" placeholder="" class="form-control input-md" >
          </div>
        </div>

&时代;
联系人:
电话:
传真:
电邮:

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Name:</label>
          <div class="col-md-8">
            <input id="textinput" name="textName" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Address Line 1:</label>
          <div class="col-md-8">
            <input id="textinput" name="textadr1" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Address Line 2:</label>
          <div class="col-md-8">
            <input id="textinput" name="textadr2" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

          <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Country:</label>
          <div class="col-md-4">
            <input id="textinput" name="textcntry" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

          <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Registration Number:</label>
          <div class="col-md-4">
            <input id="textinput" name="textregNo" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

          <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Registration Date:</label>
          <div class="col-md-4">
            <input id="textinput" name="textregDate" type="date"  class="form-control input-md" >
          </div>
        </div>

          <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Date of Dealing:</label>
          <div class="col-md-4">
            <input id="textinput" name="textDateDealing" type="date" class="form-control input-md" >
          </div>
        </div>

      </fieldset>

      <div id="contact-person-container">

      <div class="contact-person">
      <hr> 
      <fieldset id="modal_form">

      <button type='button' class='close closebtn'  aria-hidden='true'>&times;</button>
        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Contact Person:</label>
          <div class="col-md-4">
            <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Phone #:</label>
          <div class="col-md-4">
            <input id="textinput" name="textinput" type="text" placeholder="(_ _ _) _ _ _ _ _ _ _" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">fax #:</label>
          <div class="col-md-4">
            <input id="textinput" name="textinput" type="text" placeholder="(_ _ _) _ _ _ _ _ _ _" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Email:</label>
          <div class="col-md-8">
            <input id="textinput" name="textinput" type="email" placeholder="" class="form-control input-md" >
          </div>
        </div>



</fieldset>
</div> 

 </div>          
 <!-- /#contact-person-container -->             

  </div>
  <div class="modal-footer">
    <button type="button" id="addAnotherContactBtn" class="btn btn-   

primary">Add Another Contact</button>
        <button type="submit" class="btn btn-primary">Create Agent</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  </div>

    </form>

如何获取动态输入框,然后使用servlet将其添加到数据库中?

必须输入元素的ID
        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Name:</label>
          <div class="col-md-8">
            <input id="textinput" name="textName" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Address Line 1:</label>
          <div class="col-md-8">
            <input id="textinput" name="textadr1" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Address Line 2:</label>
          <div class="col-md-8">
            <input id="textinput" name="textadr2" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

          <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Country:</label>
          <div class="col-md-4">
            <input id="textinput" name="textcntry" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

          <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Registration Number:</label>
          <div class="col-md-4">
            <input id="textinput" name="textregNo" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

          <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Registration Date:</label>
          <div class="col-md-4">
            <input id="textinput" name="textregDate" type="date"  class="form-control input-md" >
          </div>
        </div>

          <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Date of Dealing:</label>
          <div class="col-md-4">
            <input id="textinput" name="textDateDealing" type="date" class="form-control input-md" >
          </div>
        </div>

      </fieldset>

      <div id="contact-person-container">

      <div class="contact-person">
      <hr> 
      <fieldset id="modal_form">

      <button type='button' class='close closebtn'  aria-hidden='true'>&times;</button>
        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Contact Person:</label>
          <div class="col-md-4">
            <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Phone #:</label>
          <div class="col-md-4">
            <input id="textinput" name="textinput" type="text" placeholder="(_ _ _) _ _ _ _ _ _ _" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">fax #:</label>
          <div class="col-md-4">
            <input id="textinput" name="textinput" type="text" placeholder="(_ _ _) _ _ _ _ _ _ _" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Email:</label>
          <div class="col-md-8">
            <input id="textinput" name="textinput" type="email" placeholder="" class="form-control input-md" >
          </div>
        </div>



</fieldset>
</div> 

 </div>          
 <!-- /#contact-person-container -->             

  </div>
  <div class="modal-footer">
    <button type="button" id="addAnotherContactBtn" class="btn btn-   

primary">Add Another Contact</button>
        <button type="submit" class="btn btn-primary">Create Agent</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  </div>

    </form>
要列出所有参数,您可以使用
request.getParameterMap()
并从servlet中迭代它

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Name:</label>
          <div class="col-md-8">
            <input id="textinput" name="textName" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Address Line 1:</label>
          <div class="col-md-8">
            <input id="textinput" name="textadr1" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Address Line 2:</label>
          <div class="col-md-8">
            <input id="textinput" name="textadr2" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

          <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Country:</label>
          <div class="col-md-4">
            <input id="textinput" name="textcntry" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

          <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Registration Number:</label>
          <div class="col-md-4">
            <input id="textinput" name="textregNo" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

          <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Registration Date:</label>
          <div class="col-md-4">
            <input id="textinput" name="textregDate" type="date"  class="form-control input-md" >
          </div>
        </div>

          <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Date of Dealing:</label>
          <div class="col-md-4">
            <input id="textinput" name="textDateDealing" type="date" class="form-control input-md" >
          </div>
        </div>

      </fieldset>

      <div id="contact-person-container">

      <div class="contact-person">
      <hr> 
      <fieldset id="modal_form">

      <button type='button' class='close closebtn'  aria-hidden='true'>&times;</button>
        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Contact Person:</label>
          <div class="col-md-4">
            <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Phone #:</label>
          <div class="col-md-4">
            <input id="textinput" name="textinput" type="text" placeholder="(_ _ _) _ _ _ _ _ _ _" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">fax #:</label>
          <div class="col-md-4">
            <input id="textinput" name="textinput" type="text" placeholder="(_ _ _) _ _ _ _ _ _ _" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Email:</label>
          <div class="col-md-8">
            <input id="textinput" name="textinput" type="email" placeholder="" class="form-control input-md" >
          </div>
        </div>



</fieldset>
</div> 

 </div>          
 <!-- /#contact-person-container -->             

  </div>
  <div class="modal-footer">
    <button type="button" id="addAnotherContactBtn" class="btn btn-   

primary">Add Another Contact</button>
        <button type="submit" class="btn btn-primary">Create Agent</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  </div>

    </form>

有关更多示例,请参见

@rmertins:good,所以它们不使用Servlet或JSP?一切都建立在这些之上!!servlet仍然存在,但将基于MVC的JSF中的webgui与简单的CDI增强bean耦合起来要容易得多。您不必处理请求等。您可以获得开箱即用的ajax支持。下面是一个很好的概述:
        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Name:</label>
          <div class="col-md-8">
            <input id="textinput" name="textName" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Address Line 1:</label>
          <div class="col-md-8">
            <input id="textinput" name="textadr1" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Address Line 2:</label>
          <div class="col-md-8">
            <input id="textinput" name="textadr2" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

          <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Country:</label>
          <div class="col-md-4">
            <input id="textinput" name="textcntry" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

          <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Registration Number:</label>
          <div class="col-md-4">
            <input id="textinput" name="textregNo" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

          <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Registration Date:</label>
          <div class="col-md-4">
            <input id="textinput" name="textregDate" type="date"  class="form-control input-md" >
          </div>
        </div>

          <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Date of Dealing:</label>
          <div class="col-md-4">
            <input id="textinput" name="textDateDealing" type="date" class="form-control input-md" >
          </div>
        </div>

      </fieldset>

      <div id="contact-person-container">

      <div class="contact-person">
      <hr> 
      <fieldset id="modal_form">

      <button type='button' class='close closebtn'  aria-hidden='true'>&times;</button>
        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Contact Person:</label>
          <div class="col-md-4">
            <input id="textinput" name="textinput" type="text" placeholder="" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Phone #:</label>
          <div class="col-md-4">
            <input id="textinput" name="textinput" type="text" placeholder="(_ _ _) _ _ _ _ _ _ _" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">fax #:</label>
          <div class="col-md-4">
            <input id="textinput" name="textinput" type="text" placeholder="(_ _ _) _ _ _ _ _ _ _" class="form-control input-md" >
          </div>
        </div>

        <!-- Text input-->
        <div class="form-group">
          <label class="col-md-4 control-label" for="textinput">Email:</label>
          <div class="col-md-8">
            <input id="textinput" name="textinput" type="email" placeholder="" class="form-control input-md" >
          </div>
        </div>



</fieldset>
</div> 

 </div>          
 <!-- /#contact-person-container -->             

  </div>
  <div class="modal-footer">
    <button type="button" id="addAnotherContactBtn" class="btn btn-   

primary">Add Another Contact</button>
        <button type="submit" class="btn btn-primary">Create Agent</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  </div>

    </form>