Bootstrap手风琴向导内的窗体 [英] form inside Bootstrap Accordion Wizard

查看：140 发布时间：2018/3/13 22:03:24 html5 forms twitter-bootstrap

本文介绍了Bootstrap手风琴向导内的窗体的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在使用Bootstrap Accordion Wizard http://bootply.com/77372 ，并且我有一个表格， action = addaroom.php 但表单不会发送任何值到php页面，我不知道什么是错误的
这里是我的代码：

 < div class =thumbnail center text-center> 
 
< div class =row-fluid> 
< p class =lead well> 
在这个页面上，你可以成为一个主人。这意味着您可以创建一个或多个房间。然后您将不得不按照
顺序执行这些步骤才能成为主持人。您必须正确填写通知，因为当用户在您的城市进行搜索时会显示这些通知。他们可能会检查
出你的地方。所以重要的是要给他们正确的细节。 
< / p> 
< / div> 
< div class =row-fluid acc-wizard> 
< div class =span3style =padding-left：2em;> 
< p style =margin-bottom：2em;> 
按照以下步骤成功成为主持人。 
< / p> 
< ol class =acc-wizard-sidebar> 
< li class =acc-wizard-todo acc-wizard-active>< a href =＃prerequisites>房间详情< / a>< / li> 
< li class =acc-wizard-todo>< a href =＃addwizard>房间描述< / a>< / li> 
< li class =acc-wizard-todo>< a href =＃adjusthtml>设施datails< / a>< / li> 
< li class =acc-wizard-todo>< a href =＃viewpage>价格< / a>< / li> 
< / ol> 
< / div> 
< div class =span9> 
< div class =accordionid =accordion-demo> 
< div class =accordion-group> 
< div class =accordion-heading> 
< a class =accordion-toggle collapseddata-toggle =collapsedata-parent =＃accordion-demohref =＃prerequisites> 
房间详情
  
< / div> 
< div id =prerequisitesclass =accordion-body in collapsestyle =height：auto;> 
< div class =accordion-inner> 
<！ -   - > 
< form method =POSTaction =addaroom.php> 
< fieldset> 
< h3 class =legend ui-corner-all>< span>& nbsp;< / span>您房间的详情< / h3> 
< div class =row row-room_category row-choice>< label for =room_categoryclass =label label-required> 
 Category 
< span class =requiredtitle =required-field> *< / span>< / label> 
< div class =field> 
 < / div> 
< / div> 
< div class =help-section> 
< strong>房间图片< / strong>< br> 
添加更多房间的代表性照片，您可以在住宿版本中添加更多照片。< br> 
您的图片应该采用以下格式之一：jpg，jpeg，gif或png，且不得超过2 Mo的大小。
< / div> 
< div class =form-group> 
< label for =exampleInputFile>文件输入< / label> 
< input type =fileid =exampleInputFile> 
< p class =help-block>< / p> 
< / div> 
< / fieldset> 
< div class =acc-wizard-step>< button class =btntype =reset>返回< / button> < button class =btn btn-primarytype =submit>下一步< / button>< / div>< / form> 
< / div> <！ -  /。accordion-inner  - > 
< / div> <！ -  /＃addwizard  - > 
< / div> <！ -  /.accordion-group  - > 
 
< div class =accordion-group> 
< div class =accordion-heading> 
< a class =accordion-toggledata-toggle =collapsedata-parent =＃accordion-demohref =＃adjusthtml> 
设施说明，您几乎完成
< / a> 
< / div> 
< div id =adjusthtmlclass =accordion-body in collapsestyle =height：319px;> 
< div class =accordion-inner> 
< form method =POSTaction =addaroom.php> 
< fieldset> 
 < div class =row row-room_toiletprivacy row-choice> 
< label for =room_toiletPrivacyclass =label label-required> 
厕所
< span class =requiredtitle =required-field> *< / span> 
< / label> 
< div class =field> 
 < option value =双人床>双人床< /选项> 
< option value =沙发>沙发< /选项> 
< option value =特大号床>特大号床< / option> 
< option value =双人床>双人床< / option> 
< option value =婴儿床>婴儿床< / option> 
< option value =单人床>单人床< / option> 
< / select> 
< / div> 
< / div> 
 
< / fieldset> 
< div class =acc-wizard-step>< button class =btntype =reset>返回< / button> < button class =btn btn-primarytype =submit>下一步< / button>< / div>< / form> 
< / div> <！ -  /。accordion-inner  - > 
< / div> <！ -  /＃adjusthtml  - > 
< / div> <！ -  /.accordion-group  - > 
 
< div class =accordion-group> 
< div class =accordion-heading> 
< a class =accordion-toggledata-toggle =collapsedata-parent =＃accordion-demohref =＃viewpage> 
定价
< / a> 
< / div> 
< div id =viewpageclass =accordion-body collapsestyle =height：0px;> 
< div class =accordion-inner> 
< form method =POSTaction =addaroom.php> 
< fieldset> 
< h3 class =legend ui-corner-all>< span>& nbsp;< / span>定价< / h3> 
 
< div class =row row-room_currency row-choice>< label for =room_currencyclass =label label-required> 
货币
< span class =requiredtitle =必填字段> *< / span>< / label> 
< div class =field>