ipi-jquery/exemples/validation-de-formulaires-bootstrap/contenu.html

<ul id="onglets">
    <li style="display:inline;">
        <a data-tab-id="tab-login" id="onglet1" class="active" href="#">Login</a>
    </li>
    <li style="display:inline;">
        <a data-tab-id="tab-register" id="onglet2" href="#">Register</a>
    </li>

</ul>
<div class="tab" id="tab-login">
    <h2>Panneau 1</h2>
</div>
<div class="tab" id="tab-register" style="display:none">
    <h2>Register</h2>
    <form>
      <div class="form-group">
        <label for="exampleInputUsername1">Username</label>
        <input type="text" class="form-control" id="exampleInputUsername1" aria-describedby="usernameHelp" placeholder="Enter username" />
      </div>
      <div class="form-group">
        <label for="exampleInputEmail1">Email address</label>
        <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
        <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
      </div>
      <div class="form-group">
        <label for="exampleInputPassword1">Password</label>
        <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
      </div>
      <div class="form-check">
        <label class="form-check-label">
          <input type="checkbox" class="form-check-input">
          Check me out
        </label>
      </div>
      <button type="submit" class="btn btn-primary">Submit</button>
    </form>
</div>