From fb64f815a9cc1aeb53886553a1365060dce0ee38 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jakub=20=C5=A0krab=C3=A1nek?= <skrabanek@odbornaskola.cz>
Date: Fri, 16 Dec 2022 12:14:40 +0100
Subject: [PATCH] finish form

---
 12-boot/index.html | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/12-boot/index.html b/12-boot/index.html
index 3c9e260..5b5d25f 100644
--- a/12-boot/index.html
+++ b/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">
-                    <label class="form-check-label" for="radi1"> Muž</label>
+                    <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>