dodan div za potrditev rezervacije, za izpisd, popravljeni zapisi komntarjev v html

This commit is contained in:
iva
2026-11-04 15:00:38 +01:00
parent f805380a73
commit f78a713943
+8 -6
View File
@@ -1,3 +1,4 @@
<!DOCTYPE html>
<html lang="sl">
<head>
@@ -48,10 +49,10 @@
</p>
<h2>Rezervacija</h2>
<p>Izpolnite podatke in pošljite zahtevo za restavracijo.</p>
<form id="obrazec_rezervacija" method="get" novalidate> <!novalidate pomeni da bomo lahko dodali svoje napise za opozorila!>
<form id="obrazec_rezervacija" method="get" novalidate> <!-- novalidate pomeni da bomo lahko dodali svoje napise za opozorila -->
<fieldset class="field_rezervacija">
<legend>Podrobnosti rezervacije:</legend>
<label for="datum-obiska">Datum obiska</label>
<div class="vnos_rezervacija">
<input type="date" id="datum-obiska" name="datum-obiska" required>
@@ -65,7 +66,7 @@
<label for="stevilo-oseb">Število oseb</label>
<div class="vnos_rezervacija">
<input type="number" id="stevilo-oseb"
name="stevilo-oseb" min="1" max="12" required> <!in in max sem obdrzala ker potem se prikazejo samo vrednost med 1 in 12 na izbiro, vseeno sem naredila validacijo v js!>
name="stevilo-oseb" min="1" max="12" required> <!-- in in max sem obdrzala ker potem se prikazejo samo vrednost med 1 in 12 na izbiro, vseeno sem naredila validacijo v js -->
<span class="sporocilo_napake" id="napaka-osebe"></span>
</div>
Prostor:
@@ -81,7 +82,7 @@
<div class="vnos_rezervacija">
<input type="text" id="ime-priimek" name="ime-priimek"
placeholder="Neža Novak" required>
<span class="sporocilo_napake" id="napaka-ime"></span> <!span bo prostor kjer se bodo izpisale napake!>
<span class="sporocilo_napake" id="napaka-ime"></span> <!-- span bo prostor kjer se bodo izpisale napake -->
</div>
<label for="email">E-poštni naslov</label>
<div class="vnos_rezervacija">
@@ -142,7 +143,7 @@
<br>
<textarea id="opombe" placeholder="Npr. potrebujete stolček za otroka, ..." name="opombe" rows="5" cols="50" ></textarea>
<br>
<div class="pogoji_uporabe"> <! v js se pogoji preimenujejeo v soglasje !>
<div class="pogoji_uporabe"> <!-- v js se pogoji preimenujejeo v soglasje -->
<input type="checkbox" id="pogoji" name="pogoji" value="da" required>
<label for="pogoji">Strinjam se z obdelavo osebnih podatkov</label>
<span class="sporocilo_napake" id="napaka-pogoji"></span>
@@ -152,6 +153,7 @@
<input class="gumb_osnovni_obratno" type="submit" value="Oddaja rezervacije">
<input class="gumb_manj" type="reset" value="Ponastavi">
</form>
<div id="potrditev-rezervacije" class="potrditev_rezervacije" hidden></div> <!-- hidden da ostane skrit ko se stran odpre oz dokler ga ne potrebujem -->
<br><br>
</main>
<footer>
@@ -166,4 +168,4 @@
<script src="js/rezervacija.js"></script>
<script src="js/navigacija.js"></script>
</body>
</html>
</html>