ulazni parametri. Opis parametara oznake

Polja za unos korisnika mogu se međusobno značajno razlikovati. Ovisno o vrijednosti atributa tipa, polje za unos može biti tekstualno polje, polje lozinke, radio gumb, jednostavan gumb i tako dalje.

Atributi

• audio/*- sve zvučne datoteke su prihvaćene.
• video/*- sve video datoteke su prihvaćene.
• slika/*- Sve slikovne datoteke su prihvaćene.
• MIME_type- važeći MIME tip je prihvaćen bez parametara.

Napomena: Atribut accept nije podržan u IE9 i novijim verzijama ranim verzijama.

Alt: Pruža alternativni tekst za korisnika, ako iz nekog razloga ne može vidjeti slike. atribut alt može se koristiti samo u kombinaciji s atributom type="image". autocomplete: Određuje hoće li automatsko dovršavanje biti omogućeno za polje za unos:

• na- preglednik automatski prikazuje vrijednosti koje je korisnik ranije unio (zadana vrijednost).
• isključeno- korisnik mora unijeti vrijednosti za polje svaki put kada se koristi obrazac. Prethodno unesene vrijednosti neće biti prikazane.

Napomena: Atribut autocomplete radi sa sljedećim vrijednostima atributa tipa elementa : tekst, pretraga, url, tel, e-pošta, lozinka, birači datuma, raspon i boja.

Autofokus: govori pregledniku da je element bi trebao dobiti fokus nakon učitavanja stranice. Vrijednosti za booleov atribut autofokusa mogu se postaviti na sljedeće načine:

Napomena: Atribut autofokusa nije podržan u IE9 i ranijim verzijama.

Provjereno: Ukazuje na to zadanog elementa bit će odabran prema zadanim postavkama kada se stranica učita. Radi samo s atributom type="checkbox" ili type="radio". Vrijednosti za provjereni booleov atribut mogu se postaviti na sljedeće načine: Primjer »onemogućeno: Označava da je element mora biti onemogućen (onemogućeni element je neaktivan). Vrijednosti za onemogućeni booleov atribut mogu se postaviti na sljedeće načine: Primjer "

Bilješka: onemogućen atribut ne radi s .

Obrazac: Određuje oblik s kojim je element povezan. . Vrijednost atributa je ID elementa . Ovaj atribut omogućuje postavljanje elementa bilo gdje u dokumentu, ne samo kao dijete elementa . Element može se povezati samo s jednim oblikom.

Ako atribut forme nije naveden, tada je element mora biti dijete elementa .

Napomena: Atribut obrasca nije podržan u IE.

Formaction: Određuje URL datoteke koja će obrađivati ​​ulazne podatke kada se obrazac pošalje. Atribut formacije koristi se samo s type="submit" ili type="image" i nadjačava atribut radnje elementa .

Napomena: Atribut formacije nije podržan u IE9 i ranijim verzijama.

Formenctype: Određuje kako se podaci obrasca kodiraju kada se šalju na poslužitelj. Može se koristiti samo u kombinaciji s atributom method="post" elementa . Moguće vrijednosti:

• aplikacija/x-www-obrazac-urlencoded- zadana vrijednost: svi znakovi se kodiraju prije slanja (razmaci se pretvaraju u znak "+" i Posebni simboli na ASCII HEX vrijednosti).
• višedijelni/oblik-podaci- znakovi nisu kodirani. Koristi se za elemente , čiji je atribut tipa postavljen na "datoteka".
• tekst/običan- razmaci se pretvaraju u znak "+", ali ne kodiraju posebne znakove kao što su apostrofi u heksadecimalne vrijednosti.

Napomena: Atribut formenctype nije podržan u IE9 i ranijim verzijama.

Formmethod: Određuje HTTP metodu za slanje podataka navedeni URL(za type="submit" i type="image"):

• dobiti- Podaci obrasca dodaju se na kraju URL-a: URL?name=value?name=value (zadana vrijednost).
• post- šalje podatke obrasca kao HTTP nakon transakcije.

Napomena: atribut formmethod nije podržan u IE9 i ranijim verzijama.

Formnovalidate: Određuje da podaci uneseni u polje za unos neće biti provjereni prije slanja. Moguće vrijednosti za novalidate boolean atribut su:

Napomena: atribut formnovalidate nije podržan u IE9 i ranijim verzijama, kao ni u Safariju.

Cilj obrasca: Određuje naziv okvira ili ključnu riječ koja određuje gdje će se prikazati odgovor primljen nakon slanja obrasca:

• _prazan- otvara dokument u novom prozoru ili kartici.
• _sebe- otvara dokument u istom direktoriju u kojem se nalazi poveznica (zadana vrijednost).
• _roditelj- otvara dokument u nadređenom okviru.
• _vrh- otvara dokument u cijeloj širini prozora.
• naziv_okvira- otvara dokument u iframeu čiji je naziv naveden kao vrijednost.

Napomena: atribut formtarget nije podržan u IE9 i ranijim verzijama.

Visina: Određuje visinu elementa u pikselima, koristi se samo s (primjer: visina="100"). popis: uspostavlja odnos između elementa

Napomena: Atribut popisa nije podržan u IE9 i ranijim verzijama, kao ni u Safariju.

Max: Označava maksimalna vrijednost za unos broja ili datuma. Možete koristiti atribut max zajedno s atributom min za stvaranje raspona valjanih vrijednosti.

• broj- označava najveću dopuštenu vrijednost.
• Datum- označava maksimalni datum dopušten za unos.

Napomena: atribut max nije podržan u IE9 i starijim verzijama te u Firefoxu.

Maxlength: Određuje maksimalni broj znakova koji se može unijeti u polje za unos. Ovaj se atribut može koristiti za ograničavanje broja znakova koje korisnik smije unijeti u dano polje. Na primjer, kada postavljate upit za godinu, možete ograničiti broj znakova postavljanjem vrijednosti atributa maxlength na 4. Primjer » min: Određuje minimalnu vrijednost za unos broja ili datuma.

• broj- označava minimalnu dopuštenu vrijednost.
• Datum- označava minimalni datum dopušten za unos.

Napomena: atribut min nije podržan u IE9 i ranijim verzijama te u Firefoxu.

Višestruko: označava da korisnik može unijeti više od jedne vrijednosti. Višestruki atribut radi samo s type="email" i type="file". Moguće vrijednosti za višestruki booleov atribut: Primjer "

Napomena: Višestruki atribut nije podržan u IE9 i ranijim verzijama.

Naziv: atribut name definira naziv elementa, šalje se na poslužitelj zajedno s podacima unesenim u polje. Naziv se u JavaScriptu može koristiti za upućivanje na element ili za identifikaciju predanih podataka na poslužitelju (na primjer, kada se obrađuju podaci na poslužitelju, naziv elementa omogućuje vam da odredite što je uneseno kao korisničko ime, a što kao lozinka). uzorak: Određuje regularni izraz koji definira sintaksu podataka koji bi trebali biti dopušteni u polju za unos. Uzorak regularnog izraza mora odgovarati cijeloj unesenoj vrijednosti. Da biste opisali kako predložak radi, možete koristiti globalni atribut title. Atribut uzorka radi sa sljedećim vrijednostima za atribut type: tekst, pretraživanje, url, tel, e-pošta i lozinka.

Napomena: Atribut uzorka nije podržan u IE9 i ranijim verzijama, kao ni u Safariju.

Rezervirano mjesto: Određuje kratki savjet koji opisuje očekivanu vrijednost za polje za unos (primjer: vrijednost uzorka ili Kratki opis očekivani format). Alat se prikazuje u polju za unos kada je prazno i ​​nestaje kada korisnik počne unositi podatke ili kada polje dobije fokus (razlika u radu atributa ovisi o korištenom pregledniku), ako polje izgubi fokus i nema podataka je uneseno u polje, zatim će se polje za unos, ponovno pojaviti opis.

Atribut rezerviranog mjesta radi sa sljedećim vrijednostima za atribut type: tekst, pretraživanje, url, tel, e-pošta i lozinka. Primjer "

Bilješka: atribut rezerviranog mjesta nije podržano u IE9 i ranijim verzijama.

Samo za čitanje: Određuje da je polje za unos samo za čitanje i da se ne može mijenjati (međutim, tekst se može odabrati i kopirati). Moguće vrijednosti za booleov atribut samo za čitanje su: Primjer » potreban: Određuje da se polje za unos mora ispuniti prije slanja obrasca. Ako korisnik pokuša poslati obrazac bez unosa bilo kakve vrijednosti u polje, na ekranu će se prikazati poruka upozorenja. Ova poruka će se razlikovati po sadržaju i stilu ovisno o pregledniku i vrsti polja za unos.

Traženi atribut radi sa sljedećim vrijednostima atributa tipa: tekst, pretraživanje, url, tel, e-pošta, lozinka, birači datuma, broj, potvrdni okvir, radio i datoteka. Moguće vrijednosti za traženi booleov atribut su:

Bilješka: traženi atribut nije podržan u IE9 i ranijim verzijama te u Safariju.

Veličina: Određuje širinu polja za unos (jedinica je broj vidljivih znakova). Na primjer, vrijednost 3 stvara polje za unos teksta koje je dovoljno široko da prikaže tri unesena znaka (iako korisnik može po želji unijeti velika količina). Atribut veličine radi sa sljedećim vrijednostima za atribut type: tekst, pretraga, tel, url, e-pošta i lozinka. Da biste odredili maksimalni broj znakova za unos, koristite atribut maxlength. Primjer » src: Određuje put do grafičke datoteke za polje slike. Atribut src je obavezan za elemente s type="image" i može se koristiti samo s njima. korak: Određuje raspon brojeva za element . Primjer: ako je korak="3", tada moguće vrijednosti brojeva mogu biti: -3, 0, 3, 6, itd. Atribut koraka može se koristiti zajedno s atributima max i min za stvaranje raspona valjanih vrijednosti.

Napomena: Atribut koraka nije podržan u IE9 i ranijim verzijama, kao ni u Firefoxu.

Vrsta: Označava koja će se vrsta kontrole prikazati. Prema zadanim postavkama, preglednici koriste , osim ako nije navedena drugačija ili nepoznata vrijednost za atribut tipa. Dakle, preglednici koji ne podržavaju nove vrijednosti jednostavno će ih zamijeniti zadanom vrijednošću i prikazati normalno polje za unos teksta.

• dugme- definira aktivni gumb(uglavnom se koristi s JavaScriptom za aktiviranje skripte).
• potvrdni okvir- definira kontrole potvrdnih okvira koje se mogu označiti ili poništiti. Možete odabrati više potvrdnih okvira odjednom ili odabrati nijedan od njih. Ovo razlikuje potvrdne okvire od radio gumba (type="radio").
• boja- generira paletu boja, omogućujući korisnicima odabir vrijednosti boja u heksadecimalnom formatu.
• datum- omogućuje vam pristup ugrađenom widgetu za odabir datuma preglednika.
• Datum vrijeme- definira kontrolu datuma i vremena (godina, mjesec, dan, sat, minuta, sekunda i djelići sekunde, na temelju UTC vremenske zone).
• datetime-local- definira kontrolu datuma i vremena (godina, mjesec, dan, sat, minute, sekunde i djelići sekunde (bez vremenske zone)).
• email- definira polje za adresu E-mail.
• datoteka- definira kontrolu s gumbom "Pregledaj" za odabir i učitavanje datoteka.
• skriven- definira skrivena polja ulazni.
• slika- definira sliku kao gumb za slanje.
• mjesec- omogućuje odabir jednog mjeseca, nakon čega će osigurati unos podataka u obliku godine i mjeseca (na primjer: 2014-05).
• broj- definira polje za unos brojeva.
• lozinka- definira polje za unos lozinke (maskirani znakovi).
• radio- stvara radio gumbe koji se međusobno isključuju, ako odaberete jedan radio gumb, svi ostali postaju neaktivni.
• rasponu- stvara kontrolu klizača, zadani raspon klizača je od 0 do 100. Za promjenu raspona, koristite min atributa i max sa željenim vrijednostima. Imajte na umu da ova kontrola ne prikazuje trenutnu vrijednost.
• resetirati- definira gumb za resetiranje (resetira sva polja obrasca na zadane vrijednosti).
• traži- definira tekstualno polje za unos traženog niza.
• podnijeti- definira gumb "Pošalji".
• tel- definira polje za unos telefonskog broja.
• tekst- definira tekstualno polje u jednom retku (zadana širina je 20 znakova).
• vrijeme- omogućuje unos vrijednosti u 24-satnom formatu, na primjer: 12:34. U podržanim preglednicima, kontrola se pojavljuje kao numeričko polje za unos s vrijednošću podesivom mišem i prihvaća samo vremenske vrijednosti.
• url- definira polje za unos URL-a.
• tjedan- omogućuje odabir jednog tjedna, nakon čega će osigurati unos podataka u formatu godine i tjedna (na primjer: 2014-W15).

• Za "gumb", "reset" i "submit" - određuje tekst na gumbu
• Za "text", "password", "hidden" - definira početnu (zadanu) vrijednost polja za unos
• Za "potvrdni okvir", "radio", "image" - definira vrijednost pridruženu ulazu (vrijednost koja se prosljeđuje prilikom slanja)

Označiti također podržava globalne atribute i događaje

Zadani stil

Primjer

Označiti - element html jeziku, što vam omogućuje stvaranje različitih dijelova obrasca, kao što su potvrdni okviri, radio gumbi, polja za unos. Element nema krajnja oznaka, budući da su svi parametri postavljeni pomoću atributa.

Vrsta elementa određuje atribut tip:

type="text"- stvaranje polja za unos u koje možete automatski postaviti proizvoljan tekst, koristeći atribut vrijednost;

type="password"- kreiranje polja za unos lozinke, a uneseni podaci se prikazuju zvjezdicama;

upiši = "kvačicu"- stvaranje potvrdnog okvira;

type="radio"- definicija jednog prekidača. Da biste stvorili grupu radio gumba, trebate upotrijebiti nekoliko elemenata .

tip = "gumb"- stvaranje prilagođenog gumba;

type="pošalji"- stvaranje gumba, klikom na koji se potvrđuje unos podataka u obrazac. Atribut value se koristi za definiranje oznake na gumbu;

type="reset"- također gumb, ali za poništavanje unosa podataka u obrazac;

type="slika"- stvaranje gumba sa slikom. Ukazati grafička datoteka koristi se atribut src. Atribut uskladiti dizajniran za pozicioniranje gumba s uzorkom. Vrijednosti atributa već su nekoliko puta spomenute: dno, lijevo, sredina, pravo, vrh.

type="datoteka"- način odabira datoteke za prilaganje obrascu. Od korisnika se traži da upiše naziv datoteke u polje za unos. Osim toga, preglednik automatski stvara gumb Pregledaj pored polja za unos, što vam omogućuje pokretanje standarda (za operacijski sustav) dijaloški okvir za odabir datoteke;

type="hidden"- element skriven od korisnika. Takvi se elementi koriste za uključivanje nekih fiksnih informacija u skup podataka obrasca. U biti, ovo je definicija imena varijable i njezine vrijednosti.

Ostali atributi su potrebni za definiranje svojstava elementa. Mnogi od njih su potrebni jer pružaju obradu podataka obrasca na strani poslužitelja.

Primjer pisanja:

Atributi oznake

prihvatiti....................Postavlja filtar za vrste datoteka koje možete poslati putem polja za prijenos datoteke.

pristupni ključ................Skoči na element pomoću tipkovničkog prečaca.

uskladiti.......................Određuje poravnanje slike.

alt.................................Alternativni tekst za gumb slike.

samodovršavanje.........Omogućuje ili onemogućuje automatsko dovršavanje.

granica................... Debljina okvira oko slike.

provjereno................Unaprijed aktiviran prekidač ili potvrdni okvir.

onemogućeno................ Blokira pristup i izmjenu elementa.

oblik....................Pridružuje polje obrascu po njegovom id-u.

formiranje............ Određuje adresu rukovatelja obrascima.

formenctype.........Postavlja kako se podaci obrasca kodiraju kada se šalju na poslužitelj.

metoda oblika.........Govori pregledniku kako poslati podatke obrasca na poslužitelj.

formnovalidate......Poništava ugrađenu provjeru valjanosti podataka.

formtarget...........Određuje prozor ili okvir u koji će se učitati rezultat koji je vratio obrađivač obrasca.

popis................................. Označava popis opcija koje možete odabrati prilikom unosa teksta.

maks....................Gornja vrijednost za unos broja ili datuma.

maksimalna dužina ...........Maksimalni iznos znakovi dopušteni u tekstu.

min....................Manja vrijednost za unos broja ili datuma.

višestruko............... Omogućuje preuzimanje više datoteka u isto vrijeme.

Ime................Naziv polja, namijenjen procesoru obrasca da ga identificira.

uzorak..............Postavlja predložak za unos.

rezerviranog mjesta.........Prikazuje tekst upita.

samo za čitanje............Postavlja da korisnik ne može mijenjati polje.

potreban............Obavezno polje.

veličina ..................Širina polje za tekst.

src...................Adresa grafičke datoteke za polje slike.

korak................Korak povećanja za numerička polja.

tabindex...........Određuje redoslijed navigacije između stavki pomoću tipke Tab.

tip ................Govori pregledniku koji je tip elementa obrasca.

vrijednost...............Vrijednost elementa.

Završna oznaka nije potrebna.

Označiti (s engleskog. ulazni- ulaz) jedan je od svestranih elemenata oblika i omogućuje vam stvaranje različitih dijelova sučelja i pružanje interakcije s korisnikom.

Uglavnom dizajniran je za stvaranje tekstualnih polja, raznih gumba, prekidača i potvrdnih okvira.

glavni atribut , koji definira tip elementa - tip . Omogućuje postavljanje sljedeće elemente obrasci: tekstualno polje (tekst), polje lozinke (password), prekidač (radio), potvrdni okvir (checkbox), skriveno polje (hidden), gumb (gumb), gumb za slanje obrasca (submit), gumb za brisanje obrasca ( reset ), polje za slanje datoteke (datoteke), gumb sa slikom (slikom) itd. Svaki element ima svoj popis atributa koji određuju njegov izgled i karakteristike. Osim toga, u HTML5 je dodano preko desetak novih atributa.

Sintaksa

Završna oznaka nije potrebna.

WAI ARIA

Ne postoji zadana vrijednost uloge.

Važeće vrijednosti uloge:

• dugme
• potvrdni okvir
• kombinirani okvir
• veza
• stavka izbornika
• menuitemcheckbox
• menuitemradio
• opcija
• radio
• okvir za pretraživanje
• klizač
• gumb za okretanje
• sklopka
• tekstualni okvir

Atributi

• prihvati - Postavlja filtar za vrste datoteka koje možete poslati putem okvira za prijenos datoteka.
• alt - Alternativni tekst za gumb slike.
• autocomplete - Omogućuje ili onemogućuje automatsko dovršavanje.
• autofokus - Postavlja fokus na polje obrasca.
• označeno - prethodno aktiviran radio gumb ili potvrdni okvir.
• dirname - Parametar koji šalje smjer teksta na poslužitelj.
• onemogućeno - Blokira pristup i izmjenu elementa.
• form - povezuje polje s obrascem po njegovom ID-u.
• formaction - Određuje adresu rukovatelja obrascima.
• formenctype - Postavlja kako se podaci obrasca kodiraju kada se šalju na poslužitelj.
• formmethod - govori pregledniku koja metoda treba poslati podatke obrasca na poslužitelj.
• formnovalidate - Otkazuje ugrađenu provjeru valjanosti podataka.
• formtarget - Određuje prozor ili okvir u koji će se učitati rezultat koji je vratio rukovalac obrascima.
• popis - Označava popis opcija koje se mogu odabrati prilikom unosa teksta.
• max - gornja vrijednost za unos broja ili datuma.
• maxlength - Maksimalni dopušteni broj znakova u tekstu.
• min - Donja vrijednost za unos broja ili datuma.
• minlength - Najmanji dopušteni broj znakova u tekstu.
• višestruko - omogućuje prijenos više datoteka u isto vrijeme.
• naziv - naziv polja, namijenjenog procesoru obrazaca da ga identificira.
• uzorak - Postavlja uzorak unosa.
• rezervirano mjesto - prikazuje sugestivan tekst.
• samo za čitanje - Određuje da korisnik ne može mijenjati polje.
• obavezno - Obavezno polje.
• size - širina tekstualnog polja.
• src - Adresa grafičke datoteke za polje slike.
• step - Korak povećanja za numerička polja.
• vrsta - govori pregledniku koja je vrsta elementa obrasca.
• value - Vrijednost elementa.

prihvatiti

Postavlja filtar za vrste datoteka koje možete poslati putem polja za prijenos datoteke. Vrsta datoteke je navedena kao MIME tip, s više vrijednosti koje su navedene odvojene zarezima. Ako datoteka ne odgovara postavljenom filtru, ne prikazuje se u prozoru za odabir datoteke.

Odnosi se na polje za prijenos datoteke ( ).

Podrška za preglednik

Zadana vrijednost

alt

Atribut alt postavlja alternativni tekst za polje slike. Ovaj tekst vam omogućuje da tekstualne informacije o slici kada je učitavanje slika onemogućeno u pregledniku, a namijenjeno je i tražilicama.

Sintaksa

vrijednosti

Bilo koji prikladan tekstualni niz.

Zadana vrijednost

samodovršavanje

Ovaj atribut pomaže u popunjavanju polja obrasca tekstom koji je prethodno unesen u njih. Vrijednosti se spremaju i zamjenjuju preglednikom, ali autodovršavanje korisnik može onemogućiti u postavkama preglednika iz sigurnosnih razloga i tada ga ne može kontrolirati atribut autocomplete.

Kada unesete prva slova teksta, prikazuje se popis prethodno spremljenih vrijednosti iz kojih možete odabrati onu koja vam je potrebna.

Automatsko dovršavanje određenog polja obrasca vezano je za njegov atribut imena i gubi se kada se vrijednost promijeni.

Sintaksa

vrijednosti

• uključeno - Uključuje automatsko dovršavanje teksta.
• isključeno - Onemogućuje automatsko dovršavanje. Ova se vrijednost obično koristi za sprječavanje pohranjivanja važnih podataka (lozinke, telefonski brojevi) u pregledniku bankovne kartice), kao i rijetko upisani ili jedinstveni podaci (captcha).

Zadana vrijednost

Ovisi o postavkama preglednika.

autofokus

Automatski postavlja fokus na polje obrasca. U takvo polje možete odmah upisati tekst bez eksplicitnog klika na njega pokazivačem miša.

Sintaksa

vrijednosti

Zadana vrijednost

Prema zadanim postavkama, atribut autofokusa nije postavljen.

provjereno

Ovaj atribut određuje je li element obrasca kao što je potvrdni okvir ili radio gumb unaprijed označen. U slučaju korištenja radio gumba može se označiti samo jedan element grupe, za potvrdne okvire mogu se označiti barem svi elementi.

Sintaksa

vrijednosti

Zadana vrijednost

dirname

Ako je prisutan atribut dirname, par ime/vrijednost se šalje na poslužitelj, gdje je ime dano atributom dirname, a vrijednost je zamijenjena preglednikom. Za tekst slijeva nadesno, vrijednost će biti ltr , a za tekst s desna na lijevo (na primjer, hebrejski), vrijednost će biti rtl .

Sintaksa

vrijednosti

Proizvoljni tekstualni niz koji služi kao naziv parametra. Kako bi označili da ova opcija određuje smjer teksta, .dir se obično dodaje na kraj retka.

Zadana vrijednost

onemogućeno

Blokira pristup i izmjenu polja obrasca. U tom je slučaju prikazan sivo i korisnik ga ne može aktivirati. Osim toga, takvo polje ne može dobiti fokus pritiskom na tipku Tab, miša ili na neki drugi način. Međutim, ovo stanje polja može se promijeniti pomoću skripti. Vrijednost zaključana u polju ne šalje se poslužitelju.

Sintaksa

vrijednosti

Zadana vrijednost

Prema zadanim postavkama, ovaj atribut je onemogućen.

oblik

Povezuje polje s obrascem po njegovom ID-u. Takva veza je neophodna kada se polje nalazi vani

vrijednosti

Identifikator obrasca (vrijednost atributa id elementa