urejeni inputi da so vsi poravnani in zaobljeni, poravnani tudi radio in checkbox
This commit is contained in:
+39
-34
@@ -48,20 +48,11 @@
|
||||
<legend>Podrobnosti rezervacije:</legend>
|
||||
|
||||
Datum obiska
|
||||
<br>
|
||||
<input type="date" id="datum-obiska" name="datum-obiska" required>
|
||||
<br>
|
||||
<br>
|
||||
Ura obiska
|
||||
<br>
|
||||
<input type="time" id="ura-obiska" name="ura-obiska" min="10:00" max="21:00" required>
|
||||
<br>
|
||||
<br>
|
||||
Število oseb
|
||||
<br>
|
||||
<input type="number" min="1" max="11" id="stevilo-oseb" name="stevilo-oseb" required>
|
||||
<br>
|
||||
<br>
|
||||
Prostor:
|
||||
<select id="prostor" name="prostor">
|
||||
<option value="notranjost">Notranjost</option>
|
||||
@@ -69,43 +60,57 @@
|
||||
<option value="zasebna-soba">Zasebna soba</option>
|
||||
</select>
|
||||
</fieldset>
|
||||
<br>
|
||||
<br>
|
||||
<fieldset class="field_rezervacija">
|
||||
<legend>Osebni podatki:</legend>
|
||||
Ime in priimek
|
||||
<br>
|
||||
<input type="text" id="ime-priimek" name="ime-priimek" required>
|
||||
<br>
|
||||
<br>
|
||||
E-poštni naslov
|
||||
<br>
|
||||
<input type="email" id="email" name="email" required>
|
||||
<br>
|
||||
<br>
|
||||
Telefonska številka
|
||||
<br>
|
||||
<input type="tel" id="telefon-st" name="telefon-st" placeholder="022-333-444" pattern="[0-9]{3}-[0-9]{3}-[0-9]{3}" required>
|
||||
<input type="tel" id="telefon-st" name="telefon-st" placeholder="022-333-444" pattern="[0-9]{3}[0-9]{3}[0-9]{3}" required>
|
||||
Priložnost <br>
|
||||
<div class="opcije">
|
||||
<div class="opcije_radio">
|
||||
<input type="radio" id="brez" name="priloznost" value="brez">
|
||||
<label for="brez">Brez</label>
|
||||
</div>
|
||||
<div class="opcije_radio">
|
||||
<input type="radio" id="rojstni-dan" name="priloznost" value="rojstni-dan">
|
||||
<label for="rojstni-dan">Rojstni dan</label>
|
||||
</div>
|
||||
<div class="opcije_radio">
|
||||
<input type="radio" id="obletnica" name="priloznost" value="obletnica">
|
||||
<label for="obletnica">Obletnica</label>
|
||||
</div>
|
||||
<div class="opcije_radio">
|
||||
<input type="radio" id="poslovno-srecanje" name="priloznost" value="poslovno-srecanje">
|
||||
<label for="poslovno-srecanje">Poslovno srečanje</label>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
<br>
|
||||
<br>
|
||||
<fieldset class="field_rezervacija">
|
||||
<legend>Dodatne želje:</legend>
|
||||
Priložnost
|
||||
<br>
|
||||
<input type="radio" id="brez" name="priloznost" value="brez"> Brez
|
||||
<input type="radio" id="rojstni-dan" name="priloznost" value="rojstni-dan"> Rojstni dan
|
||||
<input type="radio" id="obletnica" name="priloznost" value="obletnica"> Obletnica
|
||||
<input type="radio" id="poslovno-srecanje" name="priloznost" value="poslovno-srecanje"> Poslovno srečanje
|
||||
<br>
|
||||
<br>
|
||||
Posebne omejitve <br>
|
||||
<input type="checkbox" id="vegan" name="posebne-omejitve" value="vegan"> Vegansko
|
||||
<input type="checkbox" id="vegetarijan" name="posebne-omejitve" value="vegetarijan"> Vegetarjansko
|
||||
<input type="checkbox" id="gluten" name="posebne-omejitve" value="gluten"> Brez glutena
|
||||
<input type="checkbox" id="laktoza" name="posebne-omejitve" value="laktoza"> Brez laktoze
|
||||
<br>
|
||||
<br>
|
||||
Posebne omejitve <br>
|
||||
<div class="opcije">
|
||||
<div class="opcije_checkbox">
|
||||
<input type="checkbox" id="vegan" name="posebne-omejitve" value="vegan">
|
||||
<lable for="vegan">Vegansko</lable>
|
||||
</div>
|
||||
<div class="opcije_checkbox">
|
||||
<input type="checkbox" id="vegetarijan" name="posebne-omejitve" value="vegetarijan">
|
||||
<lable for="vegetarijan">Vegetarjansko</lable>
|
||||
</div>
|
||||
<div class="opcije_checkbox">
|
||||
<input type="checkbox" id="gluten" name="posebne-omejitve" value="gluten">
|
||||
<label for="gluten">Brez glutena</label>
|
||||
</div>
|
||||
<div class="opcije_checkbox">
|
||||
<input type="checkbox" id="laktoza" name="posebne-omejitve" value="laktoza">
|
||||
<label for="laktoza">Brez laktoze</label>
|
||||
</div>
|
||||
</div>
|
||||
Opombe
|
||||
<br>
|
||||
<textarea id="opombe" name="opombe" rows="5" cols="50"> </textarea>
|
||||
|
||||
Reference in New Issue
Block a user