You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
123 lines
5.8 KiB
123 lines
5.8 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
<link rel="stylesheet" href="css/bootstrap.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div class="container pt-2">
|
|
<h1>Bootstrap Forms</h1>
|
|
<div class="row">
|
|
<form action="#" class="was-validated">
|
|
<div class="row">
|
|
<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>
|
|
</div>
|
|
</div>
|
|
<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 required type="text" name="lname" id="lname" class="form-control form-control-lg" placeholder="prijmeni">
|
|
<label for="lname">Příjmení:</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="my-3">
|
|
<label for="email">Email:</label>
|
|
<div class="input-group">
|
|
<input required 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>
|
|
<input required type="password" name="pw" id="pw" class="form-control">
|
|
<div class="form-text">
|
|
Heslo by mělo být dlouhý alespoň 8 znaků
|
|
</div>
|
|
</div>
|
|
<div class="my-3">
|
|
<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 required 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 required 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 required 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>
|
|
</div>
|
|
<script src="js/bootstrap.js"></script>
|
|
</body>
|
|
</html>
|