Forms 在Bootstrap中创建长表单，使其成为一个表单，而不是多个表单

我想创建一个长表单，它只是一个表单，而不是一堆单独的表单。这可行吗？我已经阅读了所有的引导文档，这似乎是唯一的方法。有人知道怎么解决这个问题吗？下面是我所拥有的，每个字段都是一个单独的表单，我需要它成为一个表单

<div class="row-container">

           <div class="row">
               <div class="field-wrapper">
               <form class="form-inline">
                   <div class="form-group">
                       <label for="claimnumber">Claim Number</label>
                       <input type="text" class="form-control" id="claimnumber" placeholder="">
                   </div>

               </form>
               </div>

               <div class="field-wrapper">
               <form class="form-inline">
                   <div class="form-group">
                       <label for="insuredid">Insured ID</label>
                       <input type="text" class="form-control" id="insuredid" placeholder="">
                   </div>

               </form>
               </div>

               <div class="field-wrapper">
               <form class="form-inline">
                   <div class="form-group">
                       <label for="claimnumber">Patient ID</label>
                       <input type="text" class="form-control" id="patientid" placeholder="">
                   </div>

               </form>
               </div>

               <div class="field-wrapper">
               <form class="form-inline">
                   <div class="form-group">
                       <label for="lastname">Patient Last Name</label>
                       <input type="text" class="form-control" id="lastname" placeholder="">
                   </div>

               </form>
               </div>

               <div class="field-wrapper">
               <form class="form-inline">
                   <div class="form-group">
                       <label for="lastname">Patient Last Name</label>
                       <input type="text" class="form-control" id="Text1" placeholder="">
                   </div>

               </form>
               </div>

           </div>
        </div>

        <div class="datecontainer">
            <div class="date1container">
                <div class="dateheading">Service Date</div>
                <div class="datebody">
                   <div class="field-wrapper">
               <form class="form-inline">
                   <div class="form-group">
                       <label for="lastname">Start</label>
                       <input type="text" class="form-control calendar" id="date" placeholder="00/00/0000">
                   </div>

               </form>
               </div>
                   <div class="field-wrapper">
               <form class="form-inline">
                   <div class="form-group">
                       <label for="lastname">End</label>
                       <input type="text" class="form-control calendar2" id="date2" placeholder="00/00/0000">
                   </div>

               </form>
               </div>

                </div>
            </div>
            <div class="date2container">
                <div class="dateheading">Import Date</div>
                <div class="datebody">
                   <div class="field-wrapper">
               <form class="form-inline">
                   <div class="form-group">
                       <label for="lastname">Start</label>
                       <input type="text" class="form-control calendar3" id="date3" placeholder="00/00/0000">
                   </div>

               </form>
               </div>

索赔编号
被保险人身份证
患者ID
患者姓氏
患者姓氏
服务日期
开始
终点
进口日期
开始

如果您只需要一个表单，您应该只使用一个

-标签，而不是多个标签。您应该将其放在

之后。别忘了正确关闭它

它只适用于一种形式。。。检查这个

索赔编号
被保险人身份证
患者ID
患者姓氏
患者姓氏
服务日期
开始
终点
进口日期
开始

---

我改变的是，我删除了所有表单标签，并用一个标签将它们全部包装起来。

您熟悉Bootstrap吗？

是字段的样式，这意味着每个字段都必须是单独的表单，这使得此选项不可用。我是不是误解了它的工作原理？是的，我是。我有3个网站在运行bootstrap。你的问题告诉我，你没有太多的HTML经验。引导帮助您使用html，但您仍然需要知道自己在做什么。

-标记说明：这是一个表单。正如我在回答中提到的那样，

class=“form inline”

仍然可以放在

-标记之后。试试看，太棒了！谢谢，为了澄清，我将保持

不变，只在div“row”周围添加一个“`”？我感谢你的帮助！

<div class="container">
    <form class="form-inline">
        <div class="row-container">
            <div class="row">
                <div class="field-wrapper">
                    <div class="form-group">
                        <label for="claimnumber">Claim Number</label>
                        <input type="text" class="form-control" id="claimnumber" placeholder="" />
                    </div>
                </div>
                <div class="field-wrapper">
                    <div class="form-group">
                        <label for="insuredid">Insured ID</label>
                        <input type="text" class="form-control" id="insuredid" placeholder="" />
                    </div>
                </div>
                <div class="field-wrapper">
                    <div class="form-group">
                        <label for="claimnumber">Patient ID</label>
                        <input type="text" class="form-control" id="patientid" placeholder="" />
                    </div>
                </div>
                <div class="field-wrapper">
                    <div class="form-group">
                        <label for="lastname">Patient Last Name</label>
                        <input type="text" class="form-control" id="lastname" placeholder="" />
                    </div>
                </div>
                <div class="field-wrapper">
                    <div class="form-group">
                        <label for="lastname">Patient Last Name</label>
                        <input type="text" class="form-control" id="Text1" placeholder="" />
                    </div>
                </div>
            </div>
        </div>
        <div class="datecontainer">
            <div class="date1container">
                <div class="dateheading">Service Date</div>
                <div class="datebody">
                    <div class="field-wrapper">
                        <div class="form-group">
                            <label for="lastname">Start</label>
                            <input type="text" class="form-control calendar" id="date" placeholder="00/00/0000" />
                        </div>
                    </div>
                    <div class="field-wrapper">
                        <div class="form-group">
                            <label for="lastname">End</label>
                            <input type="text" class="form-control calendar2" id="date2" placeholder="00/00/0000" />
                        </div>
                    </div>
                </div>
            </div>
            <div class="date2container">
                <div class="dateheading">Import Date</div>
                <div class="datebody">
                    <div class="field-wrapper">
                        <div class="form-group">
                            <label for="lastname">Start</label>
                            <input type="text" class="form-control calendar3" id="date3" placeholder="00/00/0000" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>