spremenjena oblika da se pravilno izpisuje napaka pri vpisu imeni, popravljen html da bom lahko z js uredila izpis napake pri izpisu emaila

This commit is contained in:
iva
2026-11-04 08:24:30 +01:00
parent 1444a0f5d8
commit 5108bf789e
2 changed files with 23 additions and 2 deletions
+6 -2
View File
@@ -73,8 +73,12 @@
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>
E-poštni naslov <label for="email">E-poštni naslov</label>
<input type="email" id="email" name="email" placeholder="neza.novak@primer.si" required> <div class="vnos_rezervacija">
<input type="email" id="email" name="email"
placeholder="neza.novak@primer.si" required>
<span class="sporocilo_napake" id="napaka-email"></span>
</div>
Telefonska številka Telefonska številka
<input type="tel" id="telefon-st" name="telefon-st" <input type="tel" id="telefon-st" name="telefon-st"
placeholder="040 123 456" required> <!števila bom prirejala z js!> placeholder="040 123 456" required> <!števila bom prirejala z js!>
+17
View File
@@ -711,6 +711,23 @@ footer p {
color: var(--barva-besedilo); color: var(--barva-besedilo);
} }
/* Vnosno polje zavzame celotno širino */
.vnos_rezervacija input {
width: 100%;
}
/* Sporočilo o napaki */
.sporocilo_napake {
color: #c62828;
font-size: 0.8rem;
line-height: 1.4;
}
/* Rdeča obroba pri napačnem vnosu */
.field_rezervacija input.napacno {
border: 0.15rem solid #c62828;
}
.opcije { .opcije {
display: flex ; display: flex ;