Html Form Builder Demo

Registrion Form

first name

middle name

last name

City

state

zip

Source Code

  1. <div class="panel panel-info">
  2.   <div class="panel-heading">Registrion Form</div>
  3.   <div class="panel-body">
  4.     <form class="form-horizontal" action="?q=registrationForm" method="post" id="ok">
  5. <input type="hidden" name="loginForm" value="ok" />
  6. <div class="form-group"><label   class="col-sm-3 control-label">Full Name</label><div class="col-sm-3"><input type="text" class="form-control" name="first" id="first" value="vishv" /> <p class="help-block">first name</p></div><div class="col-sm-3"><input type="text" class="form-control" name="middle" id="middle" value="kumar" /> <p class="help-block">middle name</p></div><div class="col-sm-3"><input type="text" class="form-control" name="last" id="last" value="sahdev" /> <p class="help-block">last name</p></div></div>
  7.         <div class="form-group">
  8.         <label   class="col-sm-3 control-label">Address</label>
  9.         <div class="col-sm-9">      
  10.         <input type="text" class="form-control" name="street_address" id="street_address" value="F-23 Vishnu Garden" />
  11.         </div>
  12.         </div>
  13.         <div class="form-group">
  14.         <label   class="col-sm-3 control-label"></label>
  15.         <div class="col-sm-9">      
  16.         <input type="text" class="form-control" name="street_address1" id="street_address1" value="Vishnu garden" />
  17.         </div>
  18.         </div>
  19. <div class="form-group"><label   class="col-sm-3 control-label"> </label><div class="col-sm-3"><input type="text" class="form-control" name="city" id="city" value="New Delhi" /> <p class="help-block">City</p></div><div class="col-sm-3"><input type="text" class="form-control" name="state" id="state" value="Delhi" /> <p class="help-block">state</p></div><div class="col-sm-3"><input type="text" class="form-control" name="zip" id="zip" value="110018" /> <p class="help-block">zip</p></div></div>
  20.         <div class="form-group">
  21.         <label   class="col-sm-3 control-label">Country</label>
  22.         <div class="col-sm-9">      
  23.         <select  class="form-control" name="country" id="country"><option value='AF'>Afghanistan</option>
  24. <option value='AL'>Albania</option>
  25. <option value='DZ'>Algeria</option>
  26. <option value='AS'>American Samoa</option>
  27. <option value='AD'>Andorra</option>
  28. <option value='AO'>Angola</option>
  29. <option value='AI'>Anguilla</option>
  30. <option value='AQ'>Antarctica</option>
  31. <option value='AG'>Antigua And Barbuda</option>
  32. <option value='AR'>Argentina</option>
  33. <option value='AM'>Armenia</option>
  34. <option value='AW'>Aruba</option>
  35. <option value='AU'>Australia</option>
  36. <option value='AT'>Austria</option>
  37. <option value='AZ'>Azerbaijan</option>
  38. <option value='BS'>Bahamas</option>
  39. <option value='BH'>Bahrain</option>
  40. <option value='BD'>Bangladesh</option>
  41. <option value='BB'>Barbados</option>
  42. <option value='BY'>Belarus</option>
  43. <option value='BE'>Belgium</option>
  44. <option value='BZ'>Belize</option>
  45. <option value='BJ'>Benin</option>
  46. <option value='BM'>Bermuda</option>
  47. <option value='BT'>Bhutan</option>
  48. <option value='BO'>Bolivia</option>
  49. <option value='BA'>Bosnia And Herzegovina</option>
  50. <option value='BW'>Botswana</option>
  51. <option value='BV'>Bouvet Island</option>
  52. <option value='BR'>Brazil</option>
  53. <option value='IO'>British Indian Ocean Territory</option>
  54. <option value='BN'>Brunei</option>
  55. <option value='BG'>Bulgaria</option>
  56. <option value='BF'>Burkina Faso</option>
  57. <option value='BI'>Burundi</option>
  58. <option value='KH'>Cambodia</option>
  59. <option value='CM'>Cameroon</option>
  60. <option value='CA'>Canada</option>
  61. <option value='CV'>Cape Verde</option>
  62. <option value='KY'>Cayman Islands</option>
  63. <option value='CF'>Central African Republic</option>
  64. <option value='TD'>Chad</option>
  65. <option value='CL'>Chile</option>
  66. <option value='CN'>China</option>
  67. <option value='CX'>Christmas Island</option>
  68. <option value='CC'>Cocos (Keeling) Islands</option>
  69. <option value='CO'>Columbia</option>
  70. <option value='KM'>Comoros</option>
  71. <option value='CG'>Congo</option>
  72. <option value='CK'>Cook Islands</option>
  73. <option value='CR'>Costa Rica</option>
  74. <option value='CI'>Cote D'Ivorie (Ivory Coast)</option>
  75. <option value='HR'>Croatia (Hrvatska)</option>
  76. <option value='CU'>Cuba</option>
  77. <option value='CY'>Cyprus</option>
  78. <option value='CZ'>Czech Republic</option>
  79. <option value='CD'>Democratic Republic Of Congo (Zaire)</option>
  80. <option value='DK'>Denmark</option>
  81. <option value='DJ'>Djibouti</option>
  82. <option value='DM'>Dominica</option>
  83. <option value='DO'>Dominican Republic</option>
  84. <option value='TP'>East Timor</option>
  85. <option value='EC'>Ecuador</option>
  86. <option value='EG'>Egypt</option>
  87. <option value='SV'>El Salvador</option>
  88. <option value='GQ'>Equatorial Guinea</option>
  89. <option value='ER'>Eritrea</option>
  90. <option value='EE'>Estonia</option>
  91. <option value='ET'>Ethiopia</option>
  92. <option value='FK'>Falkland Islands (Malvinas)</option>
  93. <option value='FO'>Faroe Islands</option>
  94. <option value='FJ'>Fiji</option>
  95. <option value='FI'>Finland</option>
  96. <option value='FR'>France</option>
  97. <option value='FX'>France, Metropolitan</option>
  98. <option value='GF'>French Guinea</option>
  99. <option value='PF'>French Polynesia</option>
  100. <option value='TF'>French Southern Territories</option>
  101. <option value='GA'>Gabon</option>
  102. <option value='GM'>Gambia</option>
  103. <option value='GE'>Georgia</option>
  104. <option value='DE'>Germany</option>
  105. <option value='GH'>Ghana</option>
  106. <option value='GI'>Gibraltar</option>
  107. <option value='GR'>Greece</option>
  108. <option value='GL'>Greenland</option>
  109. <option value='GD'>Grenada</option>
  110. <option value='GP'>Guadeloupe</option>
  111. <option value='GU'>Guam</option>
  112. <option value='GT'>Guatemala</option>
  113. <option value='GN'>Guinea</option>
  114. <option value='GW'>Guinea-Bissau</option>
  115. <option value='GY'>Guyana</option>
  116. <option value='HT'>Haiti</option>
  117. <option value='HM'>Heard And McDonald Islands</option>
  118. <option value='HN'>Honduras</option>
  119. <option value='HK'>Hong Kong</option>
  120. <option value='HU'>Hungary</option>
  121. <option value='IS'>Iceland</option>
  122. <option value='IN' selected>India</option>
  123. <option value='ID'>Indonesia</option>
  124. <option value='IR'>Iran</option>
  125. <option value='IQ'>Iraq</option>
  126. <option value='IE'>Ireland</option>
  127. <option value='IL'>Israel</option>
  128. <option value='IT'>Italy</option>
  129. <option value='JM'>Jamaica</option>
  130. <option value='JP'>Japan</option>
  131. <option value='JO'>Jordan</option>
  132. <option value='KZ'>Kazakhstan</option>
  133. <option value='KE'>Kenya</option>
  134. <option value='KI'>Kiribati</option>
  135. <option value='KW'>Kuwait</option>
  136. <option value='KG'>Kyrgyzstan</option>
  137. <option value='LA'>Laos</option>
  138. <option value='LV'>Latvia</option>
  139. <option value='LB'>Lebanon</option>
  140. <option value='LS'>Lesotho</option>
  141. <option value='LR'>Liberia</option>
  142. <option value='LY'>Libya</option>
  143. <option value='LI'>Liechtenstein</option>
  144. <option value='LT'>Lithuania</option>
  145. <option value='LU'>Luxembourg</option>
  146. <option value='MO'>Macau</option>
  147. <option value='MK'>Macedonia</option>
  148. <option value='MG'>Madagascar</option>
  149. <option value='MW'>Malawi</option>
  150. <option value='MY'>Malaysia</option>
  151. <option value='MV'>Maldives</option>
  152. <option value='ML'>Mali</option>
  153. <option value='MT'>Malta</option>
  154. <option value='MH'>Marshall Islands</option>
  155. <option value='MQ'>Martinique</option>
  156. <option value='MR'>Mauritania</option>
  157. <option value='MU'>Mauritius</option>
  158. <option value='YT'>Mayotte</option>
  159. <option value='MX'>Mexico</option>
  160. <option value='FM'>Micronesia</option>
  161. <option value='MD'>Moldova</option>
  162. <option value='MC'>Monaco</option>
  163. <option value='MN'>Mongolia</option>
  164. <option value='MS'>Montserrat</option>
  165. <option value='MA'>Morocco</option>
  166. <option value='MZ'>Mozambique</option>
  167. <option value='MM'>Myanmar (Burma)</option>
  168. <option value='NA'>Namibia</option>
  169. <option value='NR'>Nauru</option>
  170. <option value='NP'>Nepal</option>
  171. <option value='NL'>Netherlands</option>
  172. <option value='AN'>Netherlands Antilles</option>
  173. <option value='NC'>New Caledonia</option>
  174. <option value='NZ'>New Zealand</option>
  175. <option value='NI'>Nicaragua</option>
  176. <option value='NE'>Niger</option>
  177. <option value='NG'>Nigeria</option>
  178. <option value='NU'>Niue</option>
  179. <option value='NF'>Norfolk Island</option>
  180. <option value='KP'>North Korea</option>
  181. <option value='MP'>Northern Mariana Islands</option>
  182. <option value='NO'>Norway</option>
  183. <option value='OM'>Oman</option>
  184. <option value='PK'>Pakistan</option>
  185. <option value='PW'>Palau</option>
  186. <option value='PA'>Panama</option>
  187. <option value='PG'>Papua New Guinea</option>
  188. <option value='PY'>Paraguay</option>
  189. <option value='PE'>Peru</option>
  190. <option value='PH'>Philippines</option>
  191. <option value='PN'>Pitcairn</option>
  192. <option value='PL'>Poland</option>
  193. <option value='PT'>Portugal</option>
  194. <option value='PR'>Puerto Rico</option>
  195. <option value='QA'>Qatar</option>
  196. <option value='RE'>Reunion</option>
  197. <option value='RO'>Romania</option>
  198. <option value='RU'>Russia</option>
  199. <option value='RW'>Rwanda</option>
  200. <option value='SH'>Saint Helena</option>
  201. <option value='KN'>Saint Kitts And Nevis</option>
  202. <option value='LC'>Saint Lucia</option>
  203. <option value='PM'>Saint Pierre And Miquelon</option>
  204. <option value='VC'>Saint Vincent And The Grenadines</option>
  205. <option value='SM'>San Marino</option>
  206. <option value='ST'>Sao Tome And Principe</option>
  207. <option value='SA'>Saudi Arabia</option>
  208. <option value='SN'>Senegal</option>
  209. <option value='SC'>Seychelles</option>
  210. <option value='SL'>Sierra Leone</option>
  211. <option value='SG'>Singapore</option>
  212. <option value='SK'>Slovak Republic</option>
  213. <option value='SI'>Slovenia</option>
  214. <option value='SB'>Solomon Islands</option>
  215. <option value='SO'>Somalia</option>
  216. <option value='ZA'>South Africa</option>
  217. <option value='GS'>South Georgia And South Sandwich Islands</option>
  218. <option value='KR'>South Korea</option>
  219. <option value='ES'>Spain</option>
  220. <option value='LK'>Sri Lanka</option>
  221. <option value='SD'>Sudan</option>
  222. <option value='SR'>Suriname</option>
  223. <option value='SJ'>Svalbard And Jan Mayen</option>
  224. <option value='SZ'>Swaziland</option>
  225. <option value='SE'>Sweden</option>
  226. <option value='CH'>Switzerland</option>
  227. <option value='SY'>Syria</option>
  228. <option value='TW'>Taiwan</option>
  229. <option value='TJ'>Tajikistan</option>
  230. <option value='TZ'>Tanzania</option>
  231. <option value='TH'>Thailand</option>
  232. <option value='TG'>Togo</option>
  233. <option value='TK'>Tokelau</option>
  234. <option value='TO'>Tonga</option>
  235. <option value='TT'>Trinidad And Tobago</option>
  236. <option value='TN'>Tunisia</option>
  237. <option value='TR'>Turkey</option>
  238. <option value='TM'>Turkmenistan</option>
  239. <option value='TC'>Turks And Caicos Islands</option>
  240. <option value='TV'>Tuvalu</option>
  241. <option value='UG'>Uganda</option>
  242. <option value='UA'>Ukraine</option>
  243. <option value='AE'>United Arab Emirates</option>
  244. <option value='UK'>United Kingdom</option>
  245. <option value='US'>United States</option>
  246. <option value='UM'>United States Minor Outlying Islands</option>
  247. <option value='UY'>Uruguay</option>
  248. <option value='UZ'>Uzbekistan</option>
  249. <option value='VU'>Vanuatu</option>
  250. <option value='VA'>Vatican City (Holy See)</option>
  251. <option value='VE'>Venezuela</option>
  252. <option value='VN'>Vietnam</option>
  253. <option value='VG'>Virgin Islands (British)</option>
  254. <option value='VI'>Virgin Islands (US)</option>
  255. <option value='WF'>Wallis And Futuna Islands</option>
  256. <option value='EH'>Western Sahara</option>
  257. <option value='WS'>Western Samoa</option>
  258. <option value='YE'>Yemen</option>
  259. <option value='YU'>Yugoslavia</option>
  260. <option value='ZM'>Zambia</option>
  261. <option value='ZW'>Zimbabwe</option>
  262. </select>
  263.         </div>
  264.         </div>
  265.         <div class="form-group">
  266.         <label   class="col-sm-3 control-label">Mobile</label>
  267.         <div class="col-sm-9">      
  268.         <input type="text" class="form-control" name="mobile" id="mobile" value="0000000000" />
  269.         </div>
  270.         </div>
  271.         <div class="form-group">
  272.         <label   class="col-sm-3 control-label">Suggestions</label>
  273.         <div class="col-sm-9">    
  274.         <textarea class="form-control" rows="3" name="suggestions" id="suggestions"></textarea>
  275.         </div>
  276.         </div>
  277.         <div class="form-group">
  278.         <div class="col-sm-offset-2 col-sm-9">
  279.         <button type="submit" class="btn btn-primary">Submit</button>
  280.         </div>
  281.         </div>
  282. </form>
  283.   </div>
  284. </div>