2013-08-05 20 views
-3

在我的網站上我有一個下拉式預訂表單。在我的表單中,我想添加額外的按鈕來點擊,這樣就可以創建一個單獨的表單。如何將我的小提琴代碼傳輸到我的網站?

我用的jsfiddle幫我創建的代碼,這是代碼,我有:

http://jsfiddle.net/Q5RW6/embedded/

HTML代碼

<div id=nav> 
    <ul> 
     <ul> 

      <label id=form1-control>Address</label> 
     </ul> 
     <ul> 
      <label id=form2-control>Airport</label> 
     </ul> 
     <ul> 
      <label id=form3-control>Landmark/Hotel</label> 
     </ul> 
    </ul> 
</div> 
<div id=forms> 
    <div id=form1> 
     <form method=post action=""> 
      <label>Street Address:</label> 
      <input type=text name=name> 
      <tr> 
       <p> 
        <td class="width:110px; height:15px"> 
         <label>City: 
          <input type=text id=city name=city> 
        </td> 
        <td class="width:70px; height:15px"> 
         <p> 
          <label>State: 
           <input type="text" id="state" name="state"> 
        </td> 
        <td> 
         <p> 
          <label>Zip Code: 
           <input type="text" id="zip" name="zip"> 
         </p> 
        </td> 
      </tr> 
      <tr> 
       </td> 
      </tr> 
      </table> 
      </p> 
      <p> 
       <label>Date <span class=""> * </span> 
       </label> 
       <input type="text" id="calendar" name="calendar" style="height:25px" /> 
      </p> 
      <p> 
       <label>Time</label> 
       <select id="time" name="time" style="height:25px; width:55px"> 
        <option>--</option> 
        <option>01</option> 
        <option>02</option> 
        <option>03</option> 
        <option>04</option> 
        <option>05</option> 
        <option>06</option> 
        <option>07</option> 
        <option>08</option> 
        <option>09</option> 
        <option>10</option> 
        <option>11</option> 
        <option>12</option> 
       </select> 
       <select id="time2" name="time2" style="height:25px; width:55px"> 
        <option selected="">--</option> 
        <option>00</option> 
        <option>01</option> 
        <option>02</option> 
        <option>03</option> 
        <option>04</option> 
        <option>05</option> 
        <option>06</option> 
        <option>07</option> 
        <option>08</option> 
        <option>09</option> 
        <option>10</option> 
        <option>11</option> 
        <option>12</option> 
        <option>13</option> 
        <option>14</option> 
        <option>15</option> 
        <option>16</option> 
        <option>17</option> 
        <option>18</option> 
        <option>19</option> 
        <option>20</option> 
        <option>21</option> 
        <option>22</option> 
        <option>23</option> 
        <option>24</option> 
        <option>25</option> 
        <option>26</option> 
        <option>27</option> 
        <option>28</option> 
        <option>29</option> 
        <option>30</option> 
        <option>31</option> 
        <option>32</option> 
        <option>33</option> 
        <option>34</option> 
        <option>35</option> 
        <option>36</option> 
        <option>37</option> 
        <option>38</option> 
        <option>39</option> 
        <option>40</option> 
        <option>41</option> 
        <option>42</option> 
        <option>43</option> 
        <option>44</option> 
        <option>45</option> 
        <option>46</option> 
        <option>47</option> 
        <option>48</option> 
        <option>49</option> 
        <option>50</option> 
        <option>51</option> 
        <option>52</option> 
        <option>53</option> 
        <option>54</option> 
        <option>55</option> 
        <option>56</option> 
        <option>57</option> 
        <option>58</option> 
        <option>59</option> 
       </select> 
       <select id="time3" name="time3" style="height:25px; width:55px"> 
        <option selected="">--</option> 
        <option>AM</option> 
        <option>PM</option> 
       </select> 
      </p> 
      <p> 
       <table align="center"> 
        <tr> 
         <td class="width:110px;"> 
          <label style="font-size:13px">Passenger #: <span class='error'></span> 
          </label> 
          <td class="width30"> 
           <input type="number" id="passengers" name="passengers" style="width:50px;margin:3px"> 
          </td> 
         </td> 
         <td class="width:70px; height:15px"> 
          <label style="font-size:13px">Luggage #:</label> 
          <td class="width30"> 
           <input type="number" id="luggages" name="luggages" style="width:50px; margin:3px"> 
          </td> 
         </td> 
         <td class="width:50px;" colspan="2"> 
          <label style="font-size:13px">Car Seat:</label> 
         </td> 
         <td class="width30"> 
          <input type="number" id="seat" name="seat" style="width:50px; margin:3px"> 
         </td> 
        </tr> 
        <tr> 
         <td> 
        </tr> 
        </td> 
       </table> 
     </form> 
    </div> 
    <div id=form2> 
     <form method=post action=""> 
      <td class="width:110px; height:15px"> 
       <label style="font-size:13px">Airport Name: <span class='error'></span> 
       </label> 
       <td class="width30"> 
        <input type="text" id="airport" name="airport" class="input85" style="width:110px; margin:10px" value="" /> 
       </td> 
      </td> 
      <td class="width:70px"> 
       <label style="font-size:13px">Airline/Code:</label> 
       <td class="width30"> 
        <input type="text" id="airline" name="airline" class="input85" style="width:60px; margin:10px" value="" /> 
       </td> 
      </td> 
      <td class="width:50px" colspan="2"> 
       <label style="font-size:13px">Flight #:</label> 
      </td> 
      <td class="width:30"> 
       <input type="text" id="fnumber" name="fnumber" class="input85" style="width:40px;margin:10px" value="" /> 
      </td> 
      </tr> 
      <tr> 
       </td> 
      </tr> 
      </table> 
      <table align="center"> 
       <tr> 
        <td class="width:110px;"> 
         <label style="font-size:13px">Passenger #: <span class='error'></span> 
         </label> 
         <td class="width30"> 
          <input type="number" id="passengers" name="passengers" style="width:50px;margin:3px"> 
         </td> 
        </td> 
        <td class="width:70px;"> 
         <label style="font-size:13px">Luggage #:</label> 
         <td class="width30"> 
          <input type="number" id="luggages" name="luggages" style="width:50px; margin:3px"> 
         </td> 
        </td> 
        <td class="width:50px;" colspan="2"> 
         <label style="font-size:13px">Car Seat:</label> 
        </td> 
        <td class="width30"> 
         <input type="number" id="seat" name="seat" style="width:50px; margin:3px"> 
        </td> 
       </tr> 
       <tr> 
        <td> 
       </tr> 
       </td> 
      </table> 
     </form> 
    </div> 
    <div id=form3> 
     <form method=post action=""> 
      <label>Full Address:</label> 
      <input type=text name=name style=width:280px> 
     </form> 
    </div> 
</div> 

問題 我如何轉移呃正確的代碼到我的網站到一切都可以工作?

+8

小心地複製/粘貼? –

+0

您是否有將代碼正確傳輸到您的網站的實際問題?它沒有任何魔力。你只需...複製並粘貼它,然後確保腳本引用順序正確。 –

+0

@JasonP,我做了複製和粘貼,但沒有正確傳輸到我的網站上。 – user2654581

回答

0

一些這取決於你所使用的瀏覽器,但是,從Safari或Chrome瀏覽器在Mac上:

  • 使用嵌入式鏈接,您有上述
  • 點擊結果
  • 調出上下文菜單,然後選擇inspect element
  • 查找標籤內的<html>標籤

    Html element under iframe

  • 調出上下文菜單的HTML元素,並選擇copy as html

    Context menu

這應該複製完整的html文檔結果,允許您將其粘貼到您選擇的編輯器。

這將有一個額外的樣式表的參考,你可能想要刪除:

<link rel="stylesheet" type="text/css" href="/css/result-light.css"> 
相關問題