Obrazci

Ikona ucSredstva Obrazci
Obrazci so elementi, ki uporabniku spletne strani omogočajo vnos teksta v samo spletno stran in s tem omogočijo interaktivnost.
Vsak obrazec se začne z elementom <form>
Primer obrazca:
<form>
  <input>
  <input>
</form>

Ikona ucSredstva Vnosna polja

Input – vnosno polje (in še več!)
<input type=”text” name=”ime” value=”Andrej”>
<input type=”hidden” name=”ime” value=”Andrej”>
<input type=”password” name=”ime”>
<input type=”button” name=”ime” value=”Andrej”>
<input type=”img” src=”[pot do slike]”>
<input type=”radio” name=”spol” value=”moski”>
<input type="checkbox" name="kolo">
<input type="submit" value="Poslji">


Select
<select>
  <option value ="bmx">BMX</option>
  <option value ="pony">PONY</option>
</select>

 

Večvrstni vnos (textarea)
<textarea rows="10" cols="30">
Igramo se na dvorišču.
</textarea>

 

 


Ikona ucSredstva Podrobnosti FORM ukaza
FORM ukaz kot glavni za izdelavo obrazcev ima nekaj ključnih atributov:
  • action=”URL”
    • obvezen atribut, kateri nam določa lokacijo (navadno datoteko) katera se izvrši, ko ptrdimo obrazec
  • method=”POST|GET”
    • za pošiljanje podatkov imamo na voljo dve možnosti POST in GET.
  • name=”” - ime forme
  • target=”” - v katerem oknu se nam rezultat odpre
  • enctype=”” - priprava podatkov – problem pri datotekah!