dodan div za potrditev rezervacije, za izpisd, popravljeni zapisi komntarjev v html
This commit is contained in:
+8
-6
@@ -1,3 +1,4 @@
|
|||||||
|
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="sl">
|
<html lang="sl">
|
||||||
<head>
|
<head>
|
||||||
@@ -48,10 +49,10 @@
|
|||||||
</p>
|
</p>
|
||||||
<h2>Rezervacija</h2>
|
<h2>Rezervacija</h2>
|
||||||
<p>Izpolnite podatke in pošljite zahtevo za restavracijo.</p>
|
<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">
|
<fieldset class="field_rezervacija">
|
||||||
<legend>Podrobnosti rezervacije:</legend>
|
<legend>Podrobnosti rezervacije:</legend>
|
||||||
|
|
||||||
<label for="datum-obiska">Datum obiska</label>
|
<label for="datum-obiska">Datum obiska</label>
|
||||||
<div class="vnos_rezervacija">
|
<div class="vnos_rezervacija">
|
||||||
<input type="date" id="datum-obiska" name="datum-obiska" required>
|
<input type="date" id="datum-obiska" name="datum-obiska" required>
|
||||||
@@ -65,7 +66,7 @@
|
|||||||
<label for="stevilo-oseb">Število oseb</label>
|
<label for="stevilo-oseb">Število oseb</label>
|
||||||
<div class="vnos_rezervacija">
|
<div class="vnos_rezervacija">
|
||||||
<input type="number" id="stevilo-oseb"
|
<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>
|
<span class="sporocilo_napake" id="napaka-osebe"></span>
|
||||||
</div>
|
</div>
|
||||||
Prostor:
|
Prostor:
|
||||||
@@ -81,7 +82,7 @@
|
|||||||
<div class="vnos_rezervacija">
|
<div class="vnos_rezervacija">
|
||||||
<input type="text" id="ime-priimek" name="ime-priimek"
|
<input type="text" id="ime-priimek" name="ime-priimek"
|
||||||
placeholder="Neža Novak" required>
|
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>
|
</div>
|
||||||
<label for="email">E-poštni naslov</label>
|
<label for="email">E-poštni naslov</label>
|
||||||
<div class="vnos_rezervacija">
|
<div class="vnos_rezervacija">
|
||||||
@@ -142,7 +143,7 @@
|
|||||||
<br>
|
<br>
|
||||||
<textarea id="opombe" placeholder="Npr. potrebujete stolček za otroka, ..." name="opombe" rows="5" cols="50" ></textarea>
|
<textarea id="opombe" placeholder="Npr. potrebujete stolček za otroka, ..." name="opombe" rows="5" cols="50" ></textarea>
|
||||||
<br>
|
<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>
|
<input type="checkbox" id="pogoji" name="pogoji" value="da" required>
|
||||||
<label for="pogoji">Strinjam se z obdelavo osebnih podatkov</label>
|
<label for="pogoji">Strinjam se z obdelavo osebnih podatkov</label>
|
||||||
<span class="sporocilo_napake" id="napaka-pogoji"></span>
|
<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_osnovni_obratno" type="submit" value="Oddaja rezervacije">
|
||||||
<input class="gumb_manj" type="reset" value="Ponastavi">
|
<input class="gumb_manj" type="reset" value="Ponastavi">
|
||||||
</form>
|
</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>
|
<br><br>
|
||||||
</main>
|
</main>
|
||||||
<footer>
|
<footer>
|
||||||
@@ -166,4 +168,4 @@
|
|||||||
<script src="js/rezervacija.js"></script>
|
<script src="js/rezervacija.js"></script>
|
||||||
<script src="js/navigacija.js"></script>
|
<script src="js/navigacija.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Reference in New Issue
Block a user