Advertisement
Guest User

Untitled

a guest
Oct 1st, 2016
53
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.15 KB | None | 0 0
  1. <form class="form" action="#some-action">
  2. <ul class="nav nav-tabs " role="tablist" id="tabs">
  3. <li role="presentation" class="active">
  4. <a class="Profil" href=".Profil" aria-controls="Profil" role="tab" data-toggle="tab">Profil</a>
  5. </li>
  6. <li role="presentation" class="">
  7. <a class="Kontak" aria-controls="Kontak" role="tab" data-toggle="tab">Kontak</a>
  8. </li>
  9. <li role="presentation" class="">
  10. <a class="Paspor" aria-controls="Paspor" role="tab" data-toggle="tab">Paspor</a>
  11. </li>
  12. </ul>
  13.  
  14. <div class="tab-content">
  15. <!-- Form Profil -->
  16. <div role="tabpanel" class="tab-pane active Profil" href=".Profil">
  17. <!-- your profil forms -->
  18. <input name="nama" class="required"> <!-- 'required' class added just to notice that this is a required input -->
  19. <input name="phone" class="required">
  20. <input name="others"/>
  21. <button type="button" class="btn btn-default btn-secondary" id="btn-Profil">Check</button>
  22. </div>
  23.  
  24. <!-- Form Kontak -->
  25. <div role="tabpanel" class="tab-pane active Kontak" href=".Profil">
  26. <!-- your kontak forms -->
  27. <input name="email" class="required"/>
  28. <input name="second_email" class="required"/>
  29. <select name="location">
  30. <option value="">choose...</option>
  31. <option value="location 1">location 1</option>
  32. <option value="location 2">location 2</option>
  33. <option value="location 3">location 3</option>
  34. </select>
  35. <button type="button" class="btn btn-default btn-secondary" id="btn-Kontak">Check</button>
  36. </div>
  37.  
  38. <!-- Form Paspor -->
  39. <div role="tabpanel" class="tab-pane active Paspor" href=".Profil">
  40. <!-- your paspor forms -->
  41. <!-- since paspor form is the last one, change button type to 'submit' -->
  42. <input name="paspor_number">
  43. <!--
  44. the last form won't be validated in this case, so any required input should be done in previous form.
  45. this happened since the button type here is 'submit'
  46. -->
  47. <button type="submit" class="btn btn-default btn-secondary" id="btn-Paspor">Submit</button>
  48. </div>
  49. </div>
  50.  
  51. </form>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement