Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <form class="form" action="#some-action">
- <ul class="nav nav-tabs " role="tablist" id="tabs">
- <li role="presentation" class="active">
- <a class="Profil" href=".Profil" aria-controls="Profil" role="tab" data-toggle="tab">Profil</a>
- </li>
- <li role="presentation" class="">
- <a class="Kontak" aria-controls="Kontak" role="tab" data-toggle="tab">Kontak</a>
- </li>
- <li role="presentation" class="">
- <a class="Paspor" aria-controls="Paspor" role="tab" data-toggle="tab">Paspor</a>
- </li>
- </ul>
- <div class="tab-content">
- <!-- Form Profil -->
- <div role="tabpanel" class="tab-pane active Profil" href=".Profil">
- <!-- your profil forms -->
- <input name="nama" class="required"> <!-- 'required' class added just to notice that this is a required input -->
- <input name="phone" class="required">
- <input name="others"/>
- <button type="button" class="btn btn-default btn-secondary" id="btn-Profil">Check</button>
- </div>
- <!-- Form Kontak -->
- <div role="tabpanel" class="tab-pane active Kontak" href=".Profil">
- <!-- your kontak forms -->
- <input name="email" class="required"/>
- <input name="second_email" class="required"/>
- <select name="location">
- <option value="">choose...</option>
- <option value="location 1">location 1</option>
- <option value="location 2">location 2</option>
- <option value="location 3">location 3</option>
- </select>
- <button type="button" class="btn btn-default btn-secondary" id="btn-Kontak">Check</button>
- </div>
- <!-- Form Paspor -->
- <div role="tabpanel" class="tab-pane active Paspor" href=".Profil">
- <!-- your paspor forms -->
- <!-- since paspor form is the last one, change button type to 'submit' -->
- <input name="paspor_number">
- <!--
- the last form won't be validated in this case, so any required input should be done in previous form.
- this happened since the button type here is 'submit'
- -->
- <button type="submit" class="btn btn-default btn-secondary" id="btn-Paspor">Submit</button>
- </div>
- </div>
- </form>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement