Html Form Builder Demo

Misc. Form

Source Code

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