Browse Source

finish form

master
Jakub Škrabánek 2 years ago
parent
commit
fb64f815a9
  1. 17
      12-boot/index.html

17
12-boot/index.html

@ -12,7 +12,7 @@
<div class="container pt-2">
<h1>Bootstrap Forms</h1>
<div class="row">
<form action="#" class="col-md-6 col">
<form action="#" class="was-validated">
<div class="row">
<div class="col">
<div class="my-3 form-floating">
@ -28,7 +28,7 @@
</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">
<input required type="text" name="lname" id="lname" class="form-control form-control-lg" placeholder="prijmeni">
<label for="lname">Příjmení:</label>
</div>
</div>
@ -36,13 +36,16 @@
<div class="my-3">
<label for="email">Email:</label>
<div class="input-group">
<input type="email" name="email" id="email" class="form-control">
<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 type="password" name="pw" id="pw" class="form-control">
<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>
@ -70,15 +73,15 @@
<hr>
<h3>Pohlaví</h3>
<div class="form-check">
<input class="form-check-input" type="radio" name="optradio" id="radi1">
<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 class="form-check-input" type="radio" name="optradio" id="radi2">
<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 class="form-check-input" type="radio" name="optradio" id="radi3">
<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>

Loading…
Cancel
Save