1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
|
<form method="post">
<ul class="nav nav-tabs tab-holder-class">
<li class="nav-item"><a class="nav-link active" href="#custom-name" data-bs-toggle="tab">One</a></li>
<li class="nav-item"><a class="nav-link" href="#two" data-bs-toggle="tab">Two</a></li>
</ul>
<div class="tab-content card-body">
<div id="custom-name" class="tab-pane first-tab-class active">
<div id="div_id_first_name" class="mb-3">
<label for="id_first_name" class="form-label requiredField">first name<span
class="asteriskField">*</span></label>
<input type="text" name="first_name" maxlength="5" class="textinput textInput inputtext form-control" required
id="id_first_name">
</div>
</div>
<div id="two" class="tab-pane">
<div id="div_id_password1" class="mb-3">
<label for="id_password1" class="form-label requiredField">password<span class="asteriskField">*</span></label>
<input type="password" name="password1" maxlength="30" class="passwordinput form-control" required
id="id_password1">
</div>
<div id="div_id_password2" class="mb-3">
<label for="id_password2" class="form-label requiredField">re-enter password<span
class="asteriskField">*</span></label>
<input type="password" name="password2" maxlength="30" class="passwordinput form-control" required
id="id_password2">
</div>
</div>
</div>
</form>
|