Google Form Custom


/ Published in: HTML
Save to your folder(s)

This worked on the limo site. I need to change the form action for it to work with another project.


Copy this code and paste it in your HTML
  1. <script type="text/javascript">var submitted=false;</script>
  2. <iframe name="hidden_iframe" id="hidden_iframe" style="display:none;" onload="if(submitted) {window.location='http://www.ultimatelimoservice.com/thank-you';}"></iframe>
  3. <form action="https://spreadsheets.google.com/formResponse?formkey=dEI5UjVEaXlubXMxaDZfdy1YY083b0E6MQ&amp;ifq" method="post" target="hidden_iframe" onsubmit="submitted=true;">
  4.  
  5. <br>
  6. <div class="errorbox-good">
  7. <div class="ss-item ss-item-required ss-text"><div class="ss-form-entry"><label class="ss-q-title" for="entry_0">First Name
  8. <span class="ss-required-asterisk">*</span></label>
  9. <label class="ss-q-help" for="entry_0"></label>
  10. <input type="text" name="entry.0.single" value="" class="ss-q-short" id="entry_0"></div></div></div>
  11. <br> <div class="errorbox-good">
  12. <div class="ss-item ss-item-required ss-text"><div class="ss-form-entry"><label class="ss-q-title" for="entry_2">Last name
  13. <span class="ss-required-asterisk">*</span></label>
  14. <label class="ss-q-help" for="entry_2"></label>
  15. <input type="text" name="entry.2.single" value="" class="ss-q-short" id="entry_2"></div></div></div>
  16. <br> <div class="errorbox-good">
  17. <div class="ss-item ss-item-required ss-text"><div class="ss-form-entry"><label class="ss-q-title" for="entry_4">Phone
  18. <span class="ss-required-asterisk">*</span></label>
  19. <label class="ss-q-help" for="entry_4"></label>
  20. <input type="text" name="entry.4.single" value="" class="ss-q-short" id="entry_4"></div></div></div>
  21. <br> <div class="errorbox-good">
  22. <div class="ss-item ss-item-required ss-text"><div class="ss-form-entry"><label class="ss-q-title" for="entry_6">Email
  23. <span class="ss-required-asterisk">*</span></label>
  24. <label class="ss-q-help" for="entry_6"></label>
  25. <input type="text" name="entry.6.single" value="" class="ss-q-short" id="entry_6"></div></div></div>
  26. <br> <div class="errorbox-good">
  27. <div class="ss-item ss-item-required ss-text"><div class="ss-form-entry"><label class="ss-q-title" for="entry_8">Event Date
  28. <span class="ss-required-asterisk">*</span></label>
  29. <label class="ss-q-help" for="entry_8"></label>
  30. <input type="text" name="entry.8.single" value="" class="ss-q-short" id="entry_8"></div></div></div>
  31. <br> <div class="errorbox-good">
  32. <div class="ss-item ss-item-required ss-text"><div class="ss-form-entry"><label class="ss-q-title" for="entry_10">Pickup Location
  33. <span class="ss-required-asterisk">*</span></label>
  34. <label class="ss-q-help" for="entry_10"></label>
  35. <input type="text" name="entry.10.single" value="" class="ss-q-short" id="entry_10"></div></div></div>
  36. <br> <div class="errorbox-good">
  37. <div class="ss-item ss-item-required ss-select"><div class="ss-form-entry"><label class="ss-q-title" for="entry_12">Number in Party
  38. <span class="ss-required-asterisk">*</span></label>
  39. <label class="ss-q-help" for="entry_12"></label>
  40. <select name="entry.12.single" id="entry_12"><option value="1 - 2">1 - 2</option> <option value="3 - 4">3 - 4</option> <option value="5 - 6">5 - 6</option> <option value="7 - 8">7 - 8</option> <option value="9 - 12">9 - 12</option> <option value="13 - 14">13 - 14</option></select></div></div></div>
  41. <br> <div class="errorbox-good">
  42. <div class="ss-item ss-item-required ss-select"><div class="ss-form-entry"><label class="ss-q-title" for="entry_18">Vehicle Type
  43. <span class="ss-required-asterisk">*</span></label>
  44. <label class="ss-q-help" for="entry_18"></label>
  45. <select name="entry.18.single" id="entry_18"><option value="Corporate Sedan">Corporate Sedan</option> <option value="Chauffered SUV">Chauffered SUV</option> <option value="Stretch Limousine">Stretch Limousine</option> <option value="Limo Bus">Limo Bus</option> <option value="Stretched SUV">Stretched SUV</option> <option value="Eco-Friendly">Eco-Friendly</option> <option value="Don&#39;t Know!">Don&#39;t Know!</option></select></div></div></div>
  46. <br> <div class="errorbox-good">
  47. <div class="ss-item ss-item-required ss-select"><div class="ss-form-entry"><label class="ss-q-title" for="entry_20">Occasion
  48. <span class="ss-required-asterisk">*</span></label>
  49. <label class="ss-q-help" for="entry_20"></label>
  50. <select name="entry.20.single" id="entry_20"><option value="Wine Tour">Wine Tour</option> <option value="Wedding">Wedding</option> <option value="Prom">Prom</option> <option value="Dinner">Dinner</option> <option value="Corporate Function">Corporate Function</option> <option value="Business Meeting">Business Meeting</option> <option value="Airport Transportation">Airport Transportation</option> <option value="Sports Event">Sports Event</option> <option value="Concert">Concert</option> <option value="Bachelor Party">Bachelor Party</option> <option value="Bachelorette Party">Bachelorette Party</option> <option value="Sightseeing Tour">Sightseeing Tour</option> <option value="Charter As Desired">Charter As Desired</option> <option value="Other">Other</option></select></div></div></div>
  51. <br> <div class="errorbox-good">
  52. <div class="ss-item ss-item-required ss-select"><div class="ss-form-entry"><label class="ss-q-title" for="entry_1">Hours Needed
  53. <span class="ss-required-asterisk">*</span></label>
  54. <label class="ss-q-help" for="entry_1"></label>
  55. <select name="entry.1.single" id="entry_1"><option value="1 - 3 Hour">1 - 3 Hour</option> <option value="4 Hour">4 Hour</option> <option value="5 Hours">5 Hours</option> <option value="6 Hours">6 Hours</option> <option value="7 Hours">7 Hours</option> <option value="8 Hours">8 Hours</option> <option value="Not Sure">Not Sure</option></select></div></div></div>
  56. <br> <div class="errorbox-good">
  57. <div class="ss-item ss-select"><div class="ss-form-entry"><label class="ss-q-title" for="entry_14">How did you find us?
  58. </label>
  59. <label class="ss-q-help" for="entry_14"></label>
  60. <select name="entry.14.single" id="entry_14"><option value="Google">Google</option> <option value="Ad - Words">Ad - Words</option> <option value="Another Website">Another Website</option> <option value="Hotel / Lodging">Hotel / Lodging</option> <option value="Email Promotion">Email Promotion</option> <option value="News Paper ads">News Paper ads</option> <option value="Brochure">Brochure</option> <option value="Other">Other</option></select></div></div></div>
  61. <br> <div class="errorbox-good">
  62. <div class="ss-item ss-paragraph-text"><div class="ss-form-entry"><label class="ss-q-title" for="entry_22">Additional Comments/Requests
  63. </label>
  64. <label class="ss-q-help" for="entry_22"></label>
  65. <textarea name="entry.22.single" rows="8" cols="75" class="ss-q-long" id="entry_22"></textarea></div></div></div>
  66. <br>
  67. <input type="hidden" name="pageNumber" value="0">
  68. <input type="hidden" name="backupCache" value="">
  69.  
  70. <div class="ss-item ss-navigate"><div class="ss-form-entry">
  71. <input type="submit" name="submit" value="Submit"></div></div></form> <br />

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.