 |
 |
 |
HTML priručnik
Osnovni HTML tagovi
Kompleksni
FORM
From element je omotač elemenata koji osiguravaju unos korisničkih podataka. Osim što on grupira elemente za unos podataka, on osigurava svojstva za način prijenosa podataka. Dokument može sadržavati više form elemenata s pripadajućim kontrolama za unos, ali slati se mogu informacije sa samo jedne forme u istom trenutku. Slanje se vrši na url definiran u action atributu, na način definiran u method atributu. Slanje podataka se pokreće uz upotrebu dugmeta tipa submit ili preko javascripta upotrebom submit metode (submit()). Također, forme podržavaju OnSubmit atribut u koji se ugrađuje poziv na javascript (to se ne mora izvršiti ukoliko se forma šalje putem javascripta, a ne submit buttona).
form element atributi:
autocomplete – automatsko popunjenje forme: kada korisnik klikne polja u formi ona imaju mogućnost samopopunjenja. Kada korsnik upiše neko slovo u polju, preglednik automatski nudi prijašnje unose povezane s unesenim slovom. Vrijednosti: oon (uključeno), off (isključeno).
action – url adresa na koju se šalju podaci s forme ili javascript.
Enctype – predstavlja način na koji se podaci šalju. Njegova vrijednost može biti jedna od sljedećih "multipart/form-data" | "application/x-www-form-urlencoded" (default) | "text/plain", no ukoliko se ovaj atribut ne navede, uzima se defaultna vrijednost koja je dovoljna za gotovo sve vrste podataka ukomponirane za slanje.
method – metoda kojoj se šalju podaci s forme. Kada je vrijednost atributa get podaci iz forme šalje enkodirani u url adresi stranice po principu default.aspx?varijabla1=vrijednost&varijabla2=vrijednost...., tj nakon ? se šalju naziv varijable i vrijednost, a svaka varijabla iz forme je udvojena & znakom. Prilikom post načina slanja, podaci zi forme se pakiraju na poseban način i nisu vidljivi u url-u stranice, a do njih se može doći korištenjem server side tehnologija (asp, aspx, php, jps itd..)
name – ime forme koje je važno definirati kako bi se moglo pristupati podacima iz forme uz pomoć javascripta.
tagret – frame na koji se šalju podaci iz action url adrese. Ovaj atribut se u ovom slučaju rijetko koristi, a nužan je kada server side url na koji šaljemo podatke frameset, ili kada želimo rezultat slanja vidjeti u novom prozoru (tada stavimo _blank).
Input element
nput element je zavisno o tipu daje različite kontrole na formi. Input element je namjenjen za prihvaćanje unosa od strane korisnika. Svaki input element mora biti unutar forme, i na taj način njegov sadržaj se na odgovarajući način, koji je definiran u samoj formi, proslijeđuje dalje. Najvažniji atribut input elementa uz name, je type (tip) koji definira vrstu kontrole koja se prikazuje i koja na određeni način uzima podatke. Type atribut je obvezan može biti:
type="text"
|
|
type="password"
|
|
type="checkbox"
|
|
type="radio"
|
|
type="submit" |
<form><input type="submit"></form>
|
type="reset"
|
<form><input type="reset" value="Clear Form"></form> |
type="file"
|
<form action="/cgi-bin/myscript.cgi" method="POST" enctype="multipart/form-data"> |
type="hidden"
|
|
type="button"
|
|
type="image"
|
|
tabindex – index kontrole u redosljedu navigacije uz pomoć tab tipke. Vrijednost: broj.
|
|
Textarea element
Textarea je element koji služi za unos podataka kroz više linija. Ova kontrola se ugrađuje za unos veće količine teksta. Element se ugrađuje unutar form elementa.
textarea element atributi:
cols – širina elementa u znakovima: Vrijednost: broj monospace znakova koji određuje širinu elementa. Preporuča se korištenje CSS stila.
rows – broj redova koji određuje visinu elementa. Vrijednost: broj koji određuje visinu u redovima monospace znakova.
wrap – određuje vrstu prelamanja u teksta unutar kontrole. Vrijednosti: hard (maksimalno), soft (meko), off (isključeno).
disabled – onemogućeno. Samim navođenjem onemogućujemo kontrolu.
tabindex – index kontrole u redosljedu navigacije uz pomoć tab tipke. Vrijednost: broj.
Select element:
Select je element pomoću kojeg stvaramo dvije vrste kontrola listu (list) i padajuću listu (drop down list ili combo box). Lista se stvara navođenjem atributa size. Grupiranje podataka unutar kontrole se vrši dodavanjem option group elementa. U slučaju liste možemo odabrati i višestruk izbor. Svaka red podataka u listi dodaje se uz pomoć option elementa s pripadajućim value atributom koji se šalje kao rezultat odabira select elementa.
textarea element atributi:
align – poravnanje: određuje kako je select element poravnat u odnosu na pripadajući omotač (kontekst). Vrijednosti: left, right, center. Preporučuje se izbjegavanje tog atributa i korištenje CSS stila za kvalitetno pozicioniranje.
multiple - višestruk izbor: samo navođenje atributa omogućuje višestruk izbor. Višestruk izbor je omogućen i uz korištenje kombinacija tipki koje se razlikuju zavisno o operacijskom susatvu (Windows, Mac...)
name – naziv elementa s pomoću kojeg se podaci u naziv-vrijednost parovima šalju.
size – broj redova: atribut koji određuje veličinu kontrole prema monospace znakovima, i čijim se navođenjem kontrola pretvara u list box. Vijednost: broj (monospace redovi). Za precizno definiranje širine, preporuča se korištenje CSS stila.
tabindex – index kontrole u redosljedu navigacije uz pomoć tab tipke. Vrijednost: broj.
Optgroup element
Optgroup je element je element koji služi za grupiranje option elemenata. Element se postavlja kao omotač unutar kojeg sa ugrađuju option elementi. Kada je prikazan na listi on se ne može odabrati, a njegova je vrijednost prikazana kao oznaka u listi. Za dodatno formatiranje preporuča se korištenje CSS stila.
optgroup element atributi:
disabled – onemogućujemo:samim navođenjem ovog atributa onemogućujemo grupu odbira. U novom exploreru ne radi, dok u firefoxu radi, tako da se ne preporučuje.
label – oznaka: u ovom atributu navodimo oznaku koja se prikazuje u listi/meniju
Option element
Option je element unutar kojeg se ugrađuju izbori za select element, tj. vrijednosti sa liste.
value – vrijednost:vrijednost koja se ugrađuje i šalje tijekom slanja podataka u formi (ne prezentirana vrijednost. Ta vrijednost je obično skraćenog oblika i specifična je za obradu podataka (id).
selected – odabrano: navođenjem ovog atributa trenutni izbor može postaviti na „odabran“ prilikom učitvanja forme. Ukoliko se radi o listi, koja podržava višestruke selekcije, ovaj atribut možemo navesti u više opiton elemenata i time napraviti višestruki početni izbor.
<SELECT name="MarkeAuta">
<OPTGROUP label="Američke">
<OPTION value="General Motors">General Motors</OPTION>
<OPTION value="Ford">Ford Motor Company</OPTION>
<OPTION value="Chrysler">DaimlerChrysler</OPTION>
</OPTGROUP>
<OPTGROUP label="Japanske">
<OPTION value="Toyota">Toyota</OPTION>
<OPTION value="Honda">Honda</OPTION>
<OPTION value="Nissan">Nissan</OPTION>
</OPTGROUP>
</SELECT>
Stranice: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10
Web dizajn i development edukacija:
Instalacija Internet Information Servera
Ostala rješenja
Cjenik za internet rješenja i usluge prema zahtjevima korisnika
Web dizaj i izrada web stranica, internet marketing, razvoj windows aplikacija
Uz uslugu izrade stranica nudimo edukaciju korisnika za korištenje internet tehnologije, konfiugiranje uredskih programa u skladu s dizajnom i uvedenim rješenjima.
Konkretne prednosti prilikom uvođa naših rješenja za male tvrtke i pregled tehnologije
Obrazac za savjetovanje pri ulaganju u informatičku tehnologiju
