2013-11-26 45 views
0

我正在使用Bootstrap手風琴嚮導http://bootply.com/77372和我有一個窗體裏面,與action=addaroom.php但形式不會發送任何值到PHP頁面,我不知道什麼是錯的 這裏是我的代碼:窗體內Bootstrap手風琴嚮導

<div class="thumbnail center text-center"> 

    <div class="row-fluid"> 
     <p class="lead well">  
     In this page, you can becomme a host. this means that you can can create one or more rooms. and then you will have to follow the steps in order 
     to become a host. You ust fill in the informtion correctly, because these will be displayed when a users making a search in your city. they might check 
     out your place. So its important to give them correct details about your place. 
     </p> 
    </div> 
    <div class="row-fluid acc-wizard"> 
     <div class="span3" style="padding-left: 2em;"> 
     <p style="margin-bottom: 2em;"> 
      Follow the steps below to successfully become a host. 
     </p> 
     <ol class="acc-wizard-sidebar"> 
      <li class="acc-wizard-todo acc-wizard-active"><a href="#prerequisites">Room details</a></li> 
      <li class="acc-wizard-todo"><a href="#addwizard">Room description</a></li> 
      <li class="acc-wizard-todo"><a href="#adjusthtml">Facility datails</a></li> 
      <li class="acc-wizard-todo"><a href="#viewpage">Prices</a></li> 
     </ol> 
     </div> 
     <div class="span9"> 
     <div class="accordion" id="accordion-demo"> 
      <div class="accordion-group"> 
      <div class="accordion-heading"> 
       <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion-demo" href="#prerequisites"> 
       Details of the room 
       </a> 
      </div> 
      <div id="prerequisites" class="accordion-body in collapse" style="height: auto;"> 
       <div class="accordion-inner"> 
       <!-- --> 
       <form method="POST" action="addaroom.php"> 
       <fieldset> 
        <h3 class="legend ui-corner-all"><span>&nbsp;</span>Details of your room</h3> 
        <div class="row row-room_category row-choice"><label for="room_category" class=" label label-required"> 
        Category 
        <span class="required" title="required-field">*</span></label> 
        <div class="field"> 
         <select id="category" name="category" required="required" class="infobulle ui-widget-content ui-corner-all ui-input select-field radio-field"> 
           <option>Homestay guest room</option> 
           <option>Apartment/flat</option> 
           <option>Bed and breakfast</option> 
           <option>Guest rooms</option> 
           <option>Host family</option> 
           <option>Independent room to let</option> 
           <option>Hall of residence</option> 
           <option disabled="disabled"> 
         </option></select> 
        </div> 
        </div> 
        <div class="row row-room_type row-choice"> 

        </div> 
        </fieldset><div class="acc-wizard-step"><button class="btn btn-primary" type="submit">Next Step</button></div></form></div> 


       <!-- --> 
       </div> <!--/.accordion-inner --> 
      </div> <!-- /#prerequisites --> 
      </div> <!-- /.accordion-group --> 

      <div class="accordion-group"> 
      <div class="accordion-heading"> 
       <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-demo" href="#addwizard"> 
       Description of the room 
       </a> 
      </div> 
      <div id="addwizard" class="accordion-body collapse" style="height: 0px;"> 
       <div class="accordion-inner"> 
       <form method="POST" action="addaroom.php"> 
        <fieldset> 
        <h3 class="legend ui-corner-all"><span>&nbsp;</span>Description of the room:</h3> 
         <div class="row row-room_excerpt row-text"><label for="description" class=" label label-required"> 
          Description of the room 
          <span class="required" title="required-field">*</span> 
          </label> 
          <div class="field"> 
           <input type="text" id="description" name="description" required="required" class="ui-widget-content ui-corner-all ui-input text-field" value=""> 
          </div> 
         </div> 
         <div class="help-section"> 
          <strong>Room's picture</strong><br> 
          Add the more represtentativ photo of the room, you will be able to add more photos at the edition of your accomodation.<br> 
          Your picture should be of one of the following formats: jpg, jpeg, gif or png and not to exceed the size of 2 Mo. 
         </div> 
         <div class="form-group"> 
          <label for="exampleInputFile">File input</label> 
          <input type="file" id="exampleInputFile"> 
          <p class="help-block"></p> 
         </div> 
        </fieldset> 
       <div class="acc-wizard-step"><button class="btn" type="reset">Go Back</button> <button class="btn btn-primary" type="submit">Next Step</button></div></form> 
       </div> <!--/.accordion-inner --> 
      </div> <!-- /#addwizard --> 
      </div> <!-- /.accordion-group --> 

      <div class="accordion-group"> 
      <div class="accordion-heading"> 
       <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-demo" href="#adjusthtml"> 
       Description of the facility, You're Almost Done 
       </a> 
      </div> 
      <div id="adjusthtml" class="accordion-body in collapse" style="height: 319px;"> 
       <div class="accordion-inner"> 
       <form method="POST" action="addaroom.php"> 
        <fieldset> 
        <h3 class="legend ui-corner-all"><span>&nbsp;</span>Details of the facility</h3>   
          <div class="row row-room_toiletprivacy row-choice"> 
          <label for="room_toiletPrivacy" class=" label label-required"> 
          Toilets 
          <span class="required" title="required-field">*</span> 
          </label> 
          <div class="field"> 
          <select id="room_toiletPrivacy" name="room_toiletPrivacy" required="required" class="ui-widget-content ui-corner-all ui-input select-field radio-field"> 
          <option value="Shared toilets">Shared toilets</option> 
          <option value="Private toilets">Private toilets</option> 
          </select> 
          </div> 
         </div> 

         <div class="row row-room_type row-choice"> 
          <label for="bed_type" class=" label label-required"> 
          Bed type 
          <span class="required" title="required-field">*</span> 
          </label> 
          <div class="field"> 
          <select id="bed_type" name="bed_type" required="required" class="ui-widget-content ui-corner-all ui-input select-field radio-field"> 
          <option value="Double bed">Double bed</option> 
          <option value="Couch">Couch</option> 
          <option value="King size bed">King size bed</option> 
          <option value="Twin bed">Twin bed</option> 
          <option value="Baby bed">Baby bed</option> 
          <option value="Single bed">Single bed</option> 
          </select> 
          </div> 
         </div> 

        </fieldset> 
       <div class="acc-wizard-step"><button class="btn" type="reset">Go Back</button> <button class="btn btn-primary" type="submit">Next Step</button></div></form> 
       </div> <!--/.accordion-inner --> 
      </div> <!-- /#adjusthtml --> 
      </div> <!-- /.accordion-group --> 

      <div class="accordion-group"> 
      <div class="accordion-heading"> 
       <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-demo" href="#viewpage"> 
       Pricing 
       </a> 
      </div> 
      <div id="viewpage" class="accordion-body collapse" style="height: 0px;"> 
       <div class="accordion-inner"> 
       <form method="POST" action="addaroom.php"> 
        <fieldset> 
        <h3 class="legend ui-corner-all"><span>&nbsp;</span>Pricing</h3> 

        <div class="row row-room_currency row-choice"><label for="room_currency" class=" label label-required"> 
        Currency 
        <span class="required" title="required-field">*</span></label> 
        <div class="field"> 
        <select id="room_currency" name="room_currency" required="required" class="select-field radio-field" style=" width:75px;"> 
        <option value="EUR">Eur</option> 
        <option value="USD">Usd</option> 
        <option value="GBP">Gbp</option> 
        </select> 
        </div></div> 

        <br> 


        <h3 class="legend ui-corner-all"><span>&nbsp;</span>Price per night</h3> 

        <div class="row row-room_maxstay row-text"> 
         <label for="pricepernight" class=" label"> 
         Price per night 
         </label> 
        </div> 


        <div class="row row-room_maxstay row-text"> 
         <label for="month" class=" label"> 
         By month 
         </label> 
         <div class="field"> 
         <input type="text" id="week" name="month" class="infobulle ui-widget-content ui-corner-all ui-input text-field" o=""> 
         </div> 
        </div> 
        <button class="btn btn-danger">Save</button> 
        </fieldset> 
       </form> 
       </div> <!--/.accordion-inner --> 
      </div> <!-- /#viewpage --> 
      </div> <!-- /.accordion-group --> 
      </div> 
     </div> 
</div> 

問題

  • 我怎樣才能做到這一點?
  • 如何將所有的值發送到php頁面?
  • 它們被髮送後會被保存在數據庫中嗎?

回答

1

我該怎麼做?

如果我正確理解問題,則應將整個嚮導包裝在一個表單中。

如何將所有的值發送到php頁面?

如果被包裹在一種形式中所有的輸入應該被髮送。如果你不想把所有的投入在所有嚮導頁面上提交你應該使用disabled HTML屬性上輸入你不想送

他們被送到他們將被保存在數據庫之後?

這取決於你如何實現的邏輯服務器端。