Obrazci

Obrazci so zelo uporabna stvar na spletnih straneh, še posebaj če znaš procesirat podatke in jih pravilno uporabit

Pri obrazcu vedno začneš z značko <form> ki ji dodamo artribut action="" tukaj ponavadi dodamo php stran ki smo jo sprogramirali za kakšen login ali pa register Vglavnem tukaj dodamo nekaj kar se bo prikazalo ko bomo kliknili gumb submit.
V form značko lahko pišemo še dve drugi znački in to sta: <label> in <input> inputov je veliko zato jih imate TUKAJ vse napisane zraven imate ime torej kakšen type in kako zgleda.


<label>

Label je ubistvu ime ki ti predstavi kaj moraš vpisati v tisti input seveda se ga pa da spreminjati z css



takoda če boš zdaj kliknil besedo ime te bo vrglo na input. Label lahko pišeš zraven inputa tako kot prikazano zgoraj lahko ga pa posebaj:




Pri prvem je nareto tako da je label v kodi pisan nad inputom in umes ni razmaka,
V drugem pa je tudi pisan label nad inputom ampak je umes dodana značka <br>

Pri label znački je dodan artribut for="" ta artribut določi kateremu inputu spada, recimo v tem primeru mam <label for"ime"> pri inputu pa imam <input type="text" id="ime"> pri inputu pa imam id="ime" in to pove brskalniku da spadata skupaj.


<input>

Input je zelo obširna značka ker lahko dobi veliko različnih artributov. Najpomembnejša artributa sta type="" ki določi kako vrednost bo sprejemau seznam: text, številke, email..
Vse te type najdeš TUKAJ, zraven tam ko je text je povedan ime typa zraven pa kako zgleda. druga najpomembnejša artributa for="" ki določa ker label je njen tak kot sem že prej omeno.

Pol pa še maš različne artrubute npr: placeholder="" to je artrubuta ki je napisana v input ampak ni dobesedno

ki se potem zbriše ko je nekaj not napisano.
Potem še imaš required ki pove da ta input je obvezno treba izpolniti


V tem primeru če boš kliknil gumb Submit ti bo napisalo da moraš izpolniti tisto polje.

Isto je pri email inputu, če ne napišeš @ bo brskalnik zahteval pravilni email npr:


Pri inputah lahko tudi določiš max pa min vnešenih znakov ali pa tudi maxlength torej največjo dolžino številke npr enomestno, dvomestno...


V tem primeru če napišeš 1 ti bo napisalo da more bit vrednost večja ali enaka 2 če pa napišeš številko večjo od 50 pa izpiše da more bit vrednost manjša ali enaka 50.