|
|
@ -12,24 +12,33 @@ |
|
|
|
<div class="container pt-2"> |
|
|
|
<h1>Bootstrap Forms</h1> |
|
|
|
<div class="row"> |
|
|
|
<form action="#" class="col-6"> |
|
|
|
<form action="#" class="col-md-6 col"> |
|
|
|
<div class="row"> |
|
|
|
<div class="col-6"> |
|
|
|
<div class="my-3"> |
|
|
|
<div class="col"> |
|
|
|
<div class="my-3 form-floating"> |
|
|
|
<input type="text" name="fname" id="fname" class="form-control" placeholder="jmeno"> |
|
|
|
<label for="fname">Jméno:</label> |
|
|
|
<input type="text" name="fname" id="fname" class="form-control"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-6"> |
|
|
|
<div class="my-3"> |
|
|
|
<div class="col"> |
|
|
|
<div class="my-3 form-floating"> |
|
|
|
<input readonly type="text" name="mname" id="mname" class="form-control" placeholder="Middle Name"> |
|
|
|
<label for="mname">Prostřední jméno:</label> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col"> |
|
|
|
<div class="my-3 form-floating"> |
|
|
|
<input type="text" name="lname" id="lname" class="form-control form-control-lg" placeholder="prijmeni"> |
|
|
|
<label for="lname">Příjmení:</label> |
|
|
|
<input type="text" name="lname" id="lname" class="form-control"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="my-3"> |
|
|
|
<label for="email">Email:</label> |
|
|
|
<div class="input-group"> |
|
|
|
<input type="email" name="email" id="email" class="form-control"> |
|
|
|
<span class="input-group-text">@odbornskola.cz</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="my-3"> |
|
|
|
<label for="pw">Password:</label> |
|
|
@ -39,6 +48,69 @@ |
|
|
|
<label for="comment">Požadavky</label> |
|
|
|
<textarea name="comment" id="" class="form-control"></textarea> |
|
|
|
</div> |
|
|
|
<div class="my-3"> |
|
|
|
<label for="skola">Nejvyšší stupeň dokončeného studia</label> |
|
|
|
<select name="skola" id="skola" class="form-select form-select-lg"> |
|
|
|
<option value="vs">VŠ</option> |
|
|
|
<option value="vos">VOŠ</option> |
|
|
|
<option value="ss">SŠ</option> |
|
|
|
<option value="sou">SOU</option> |
|
|
|
<option value="zs">ZŠ</option> |
|
|
|
</select> |
|
|
|
</div> |
|
|
|
<hr> |
|
|
|
<div class="form-check"> |
|
|
|
<input class="form-check-input" type="checkbox" name="check1" id="check1"> |
|
|
|
<label for="check1">Zásílat novinky na email</label> |
|
|
|
</div> |
|
|
|
<div class="form-check form-switch"> |
|
|
|
<input class="form-check-input" type="checkbox" name="check1" id="check1"> |
|
|
|
<label for="check1">Zásílat novinky na email</label> |
|
|
|
</div> |
|
|
|
<hr> |
|
|
|
<h3>Pohlaví</h3> |
|
|
|
<div class="form-check"> |
|
|
|
<input class="form-check-input" type="radio" name="optradio" id="radi1"> |
|
|
|
<label class="form-check-label" for="radi1"> Muž</label> |
|
|
|
</div> |
|
|
|
<div class="form-check"> |
|
|
|
<input class="form-check-input" type="radio" name="optradio" id="radi2"> |
|
|
|
<label class="form-check-label" for="radi2"> Žena</label> |
|
|
|
</div> |
|
|
|
<div class="form-check"> |
|
|
|
<input class="form-check-input" type="radio" name="optradio" id="radi3"> |
|
|
|
<label class="form-check-label" for="radi3"> Nechci uvádět</label> |
|
|
|
</div> |
|
|
|
<hr> |
|
|
|
<h2>Dohledatelní sítě</h2> |
|
|
|
|
|
|
|
<div class="my-3"> |
|
|
|
<label for="twitter">Twitter:</label> |
|
|
|
<div class="input-group"> |
|
|
|
<span class="input-group-text">@</span> |
|
|
|
<input type="text" name="twitter" id="twitter" class="form-control"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="my-3"> |
|
|
|
<label for="fb">fb:</label> |
|
|
|
<div class="input-group"> |
|
|
|
<span class="input-group-text">cs-cz.facebook.com/</span> |
|
|
|
<input type="text" name="fb" id="fb" class="form-control"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="my-3"> |
|
|
|
<label for="reddit">reddit:</label> |
|
|
|
<div class="input-group"> |
|
|
|
<span class="input-group-text">r/</span> |
|
|
|
<input type="text" name="reddit" id="reddit" class="form-control"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<hr> |
|
|
|
<div class="form-floating"> |
|
|
|
<input class="form-control" type="text" name="ft" id="ft" placeholder="Alternative Name"> |
|
|
|
<label for="ft">Alt.Name</label> |
|
|
|
</div> |
|
|
|
|
|
|
|
<button type="submit" class="btn btn-primary">Login</button> |
|
|
|
</form> |
|
|
|
</div> |
|
|
|