Atribut veličine skupova tekstualnih elemenata tipa unosa. Opis parametara oznake

Tag (sa engleskog unos- ulaz) je jedan od raznovrsnih elemenata forme i omogućava vam da kreirate različite delove interfejsa i omogućite interakciju korisnika.

Uglavnom dizajniran za kreiranje tekstualnih polja, raznih dugmadi, radio dugmadi i okvira za potvrdu.

Glavni atribut , koji određuje tip elementa - tip . Omogućava vam da postavite sledeće elemente obrasci: tekstualno polje (tekst), polje lozinke (lozinka), radio dugme (radio), polje za potvrdu (kvačica), skriveno polje (skriveno), dugme (dugme), dugme za slanje obrasca (pošalji), dugme za brisanje obrasca (reset), polje za slanje datoteke (fajla), dugme sa slikom (slikom) itd. Za svaki element postoji sopstvena lista atributa koji određuju njegov izgled i karakteristike. Osim toga, više od desetak novih atributa je dodano u HTML5.

Sintaksa

Završna oznaka nije potrebna.

WAI ARIA

br vrijednosti uloga default.

Važeće vrijednosti uloge:

• dugme
• polje za potvrdu
• combobox
• veza
• menuitem
• menuitemcheckbox
• menuitemradio
• opcija
• radio
• okvir za pretragu
• klizač
• spinbutton
• prekidač
• textbox

Atributi

• prihvati - Postavlja filter za tipove datoteka koje možete poslati putem polja za otpremanje datoteke.
• alt - Alternativni tekst za dugme sa slikom.
• autocomplete - Omogućuje ili onemogućuje autocomplete.
• autofokus - Postavlja fokus na polje obrasca.
• označeno - unaprijed aktivirano radio dugme ili polje za potvrdu.
• dirname - Parametar koji prenosi smjer teksta na server.
• onemogućeno - Blokira pristup i modifikaciju elementa.
• form - povezuje polje sa obrascem po njegovom identifikatoru.
• formaction - Definira adresu rukovaoca obrascima.
• formenctype - Postavlja kako se podaci obrasca kodiraju kada se šalju na server.
• formmethod - govori pretraživaču koji metod da koristi za slanje podataka obrasca na server.
• formnovalidate - Otkazuje ugrađenu provjeru valjanosti podataka.
• formtarget - Definira prozor ili okvir u koji će se učitati rezultat koji je vratio obrađivač obrasca.
• lista - Pokazuje na listu opcija koje se mogu odabrati prilikom unosa teksta.
• max - gornja vrijednost za unos broja ili datuma.
• maksimalna dužina - Maksimalni iznos dozvoljenih znakova u tekstu.
• min - Donja vrijednost za unos broja ili datuma.
• minlength - Minimalni dozvoljeni broj znakova u tekstu.
• više - Omogućava preuzimanje više datoteka u isto vrijeme.
• ime - Ime polja, namijenjeno tako da ga procesor obrasca može identificirati.
• obrazac - Postavlja obrazac za unos.
• čuvar mjesta - Prikazuje tekst savjeta.
• samo za čitanje - Određuje da korisnik ne može mijenjati polje.
• obavezno - Obavezno polje.
• veličina - širina tekstualno polje.
• src - Adresa grafički fajl za polje sa slikom.
• step - Korak povećanja za numerička polja.
• type - govori pretraživaču koji je tip elementa obrasca.
• value - vrijednost elementa.

prihvatiti

Postavlja filter za tipove datoteka koje možete otpremiti putem polja za otpremanje datoteka. Tip datoteke je specificiran kao MIME tip; za više vrijednosti, one su navedene odvojene zarezima. Ako datoteka ne odgovara instaliranom filteru, ne prikazuje se u prozoru za odabir datoteke.

Odnosi se na polje za otpremanje fajla ( ).

Podrška za pretraživač

Zadana vrijednost

alt

Skupovi atributa alt alternativni tekst za polje sa slikom. Ovaj tekst vam omogućava da dobijete tekstualne informacije o slici kada je učitavanje slika onemogućeno u pretraživaču, a namijenjeno je i pretraživačima.

Sintaksa

Vrijednosti

Bilo koji pogodan tekstualni niz.

Zadana vrijednost

autocomplete

Ovaj atribut pomaže u popunjavanju polja obrasca tekstom koji je prethodno unet u njih. Vrijednosti se spremaju i zamjenjuju od strane pretraživača, dok autodovršavanje može biti onemogućeno od strane korisnika u postavkama preglednika iz sigurnosnih razloga i tada ga ne može kontrolirati atribut autocomplete.

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

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

Sintaksa

Vrijednosti

• uključeno - Omogućava automatsko dovršavanje teksta.
• isključeno - Onemogućuje automatsko popunjavanje. Ova vrijednost se obično koristi kako bi se spriječilo da pretraživač pohrani važne podatke (lozinke, brojeve bankovne kartice), kao i rijetko uneseni ili jedinstveni podaci (captcha).

Zadana vrijednost

Zavisi od postavki pretraživača.

autofokus

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

Sintaksa

Vrijednosti

Zadana vrijednost

Podrazumevano, atribut autofokusa nije postavljen.

provjereno

Ovaj atribut određuje da li je element obrasca kao što je okvir za potvrdu ili radio dugme prethodno označen. Kada koristite radio dugmad, može se označiti samo jedan element grupe, a za checkboxove je dozvoljeno označiti barem sve elemente.

Sintaksa

Vrijednosti

Zadana vrijednost

dirname

Ako je prisutan atribut dirname, par ime/vrijednost se šalje na server, gdje je ime specificirano atributom dirname, a vrijednost je zamijenjena pretraživačem. Za tekst koji se pokreće s lijeva na desno, vrijednost će biti ltr , a za tekst koji se pokreće s desna na lijevo (hebrejski, na primjer) vrijednost će biti rtl .

Sintaksa

Vrijednosti

Proizvoljni tekstualni niz koji služi kao ime parametra. Da biste naznačili da ovaj parametar određuje smjer teksta, uobičajeno je dodati .dir na kraj reda.

Zadana vrijednost

onemogućeno

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

Sintaksa

Vrijednosti

Zadana vrijednost

Po defaultu je ovaj atribut onemogućen.

formu

Povezuje polje sa obrascem po njegovom identifikatoru. Takva veza je neophodna kada se polje nalazi napolju

, na primjer, kada ga kreirate programski ili iz dizajnerskih razloga.

Sintaksa

...

Vrijednosti

ID obrasca (vrijednost atributa id elementa

).

Zadana vrijednost

formiranje

Definira adresu rukovatelja obrascima - ovo je program koji prima podatke obrasca i s njima izvodi željene radnje. Atribut formacije je sličan učinku atribut akcije element .

Sintaksa

Vrijednosti

formenctype

Postavlja kako se podaci obrasca kodiraju kada se predaju serveru. Obično se eksplicitno navodi kada se polje koristi za slanje datoteke (input type="file"). Ovaj atribut je sličan atributu enctype elementa , at dijeljenje formenctype i enctype, potonji se zanemaruje.

Sintaksa

Vrijednosti

• application/x-www-form-urlencoded - umjesto razmaka, stavite + , simboli poput ruskih slova su kodirani njima heksadecimalne vrijednosti(na primjer, %D0%9F%D0%B5%D1%82%D1%8F umjesto Petya).
• multipart/form-data - Podaci nisu kodirani. Ova vrijednost se koristi prilikom slanja datoteka.
• tekst/običan - razmaci se zamjenjuju znakom +, slova i drugi znakovi nisu kodirani.

Zadana vrijednost

application/x-www-form-urlencoded

formmethod

Atribut govori pretraživaču koji metod da koristi za slanje podataka obrasca na server.

Sintaksa

Vrijednosti

Postoje dvije metode - GET i POST, koje su specificirane ključne riječi nabavite i pošaljite.

• get - Ova metoda je dizajnirana za direktno prosljeđivanje podataka obrasca adresna traka u obliku parova “ime=vrijednost”, koji se dodaju adresi stranice nakon upitnika i odvajaju ampersandom (simbol &). Na primjer, puna adresa će biti http://site.ru/doc/?name=Vasya&password=pup. Količina podataka u metodi je ograničena na 4 KB.
• post - Šalje podatke serveru u zahtjevu pretraživača, količina poslanih podataka ograničena je samo postavkama servera.

Zadana vrijednost

formnovalidate

Poništava ugrađenu provjeru valjanosti podataka koje je korisnik unio u obrazac prije slanja obrasca. Ovu provjeru automatski vrši pretraživač za polja , , kao i da li element ima uzorak ili traženi atribut .

Sintaksa

Vrijednosti

Zadana vrijednost

Po defaultu je ovaj atribut onemogućen.

formtarget

Definira ime okvira u koji će se učitati rezultat koji je vratio obrađivač obrasca kao HTML dokument.

Sintaksa

Vrijednosti

Vrijednost je naziv okvira, specificirano atributom ime. Ako je postavljeno nepostojeće ime, otvorit će se nova kartica. Sljedeća imena se mogu navesti kao rezervirana imena.

• _blank - Učitava stranicu novi tab Pretraživač.
• _self - Učitava stranicu u trenutnu karticu.
• _parent - Učitava stranicu u nadređeni okvir; ako nema okvira, onda ova vrijednost radi kao _self.
• _top - Otkazuje sve okvire i učitava stranicu u cijelom prozoru pretraživača; ako nema okvira, onda ova vrijednost radi kao _self.

Zadana vrijednost

lista

Pokazuje na listu opcija kreiranih od strane elementa

Sintaksa

Vrijednosti

Naziv ID stavke

Zadana vrijednost

max

Postavlja najvišu vrijednost za unos broja ili datuma u polje obrasca.

Sintaksa

Vrijednosti

Zadana vrijednost

maxlength

Instalira maksimalan broj znakove koje korisnik može unijeti u tekstualno polje. Kada se ovaj broj dostigne tokom kucanja, dalji unos postaje nemoguć.

Sintaksa

Vrijednosti

Zadana vrijednost

Unos karaktera nije ograničen.

min

Postavlja donju vrijednost za unos broja ili datuma u polje obrasca.

Sintaksa

Vrijednosti

Pozitivan ili negativan cijeli broj (za type="number" , type="range").

Datum u GGGG-MM-DD formatu (na primjer: 2012-12-22) za type="date" .

Zadana vrijednost

minlength

Određuje minimalni broj znakova koji korisnik može unijeti u tekstualno polje. Ako je broj znakova manji specificirana vrijednost, tada pretraživač prikazuje poruku o grešci i ne šalje obrazac.

Sintaksa

Vrijednosti

Bilo koja cjelina pozitivan broj.

Zadana vrijednost

višestruko

Višestruki atribut vam omogućava da navedete nekoliko datoteka istovremeno u polju za otpremanje datoteke, kao i nekoliko adresa Email. Kada koristite dva ili više poštanske adrese moraju biti odvojeni zarezima.

Sintaksa

Vrijednosti

Zadana vrijednost

Podrazumevano, višestruki atribut je onemogućen.

ime

Definira jedinstveno ime za element obrasca. Obično se ovo ime koristi prilikom slanja podataka na server ili za pristup unesenim podacima polja putem skripti.

Sintaksa

Vrijednosti

Ime je skup karaktera, uključujući brojeve i slova. JavaScript je osjetljiv na velika i mala slova, pa kada se pozivate na element po imenu, koristite isti oblik pravopisa kao atribut name.

Zadana vrijednost

uzorak

Određuje regularni izraz koji zahtijeva unos i provjeru podataka u polje obrasca. Ako je prisutan atribut uzorka, obrazac neće biti poslan dok se polje ne popuni ispravno.

Podrška za pretraživač

Mogu li koristiti input-pattern? Podaci o podršci za funkciju uzorka unosa u glavnim pretraživačima sa caniuse.com.

Sintaksa

Vrijednosti

Neki tipični regularni izrazi navedeni su u tabeli. 1.

Table 1. Regularni izrazi

Izraz	Opis
d	Jedna cifra od 0 do 9.
D[^0-9]	Bilo koji znak osim broja.
s	Prostor.
	Samo kapital latinično pismo.
	U svakom slučaju samo latinična slova.
[A-Yaa-yaYoyo]	U svakom slučaju samo ruska slova.
	Bilo koje slovo ruske i latinične abecede.
{3}	Tri broja.
{6,}	Najmanje šest latiničnih slova.
{,3}	Ne više od tri cifre.
{5,10}	Pet do deset cifara.
^+$	Bilo koja riječ na latinskom.
^[A-Âa-âËeos]+$	Bilo koja riječ na ruskom uključujući razmake.
^[ 0-9]+$	Bilo koji broj.
{6}	Poštanski broj.
d+(,d(2))?	Broj u formatu 1,34 (razdvojen zarezima).
d+(.d(2))?	Broj u formatu 2.10 (tačka graničnik).
d(1,3).d(1,3).d(1,3).d(1,3)	IP adresa

čuvar mjesta

Prikazuje tekst unutar polja obrasca koji nestaje prilikom primanja fokusa ili kucanja. Obično se prikazuje u sivoj boji.

Podrška za pretraživač

Mogu li koristiti input-placeholder? Podaci o podršci za funkciju input-placeholder u glavnim pretraživačima sa caniuse.com.

Sintaksa

Vrijednosti

Tekstualni niz. Ako se u nizu očekuje razmak, on mora biti stavljen u dvostruke ili jednostruke navodnike.

Zadana vrijednost

samo za čitanje

Kada element atribut samo za čitanje je dodan, tekstualno polje korisnik ne može promijeniti, uključujući unos novi tekst ili modificirati postojeći. Međutim, stanje i sadržaj polja mogu se promijeniti pomoću skripti i podaci se šalju na server.

Sintaksa

Vrijednosti

Zadana vrijednost

Po defaultu je ovaj atribut onemogućen.

potrebno

Postavlja polje obrasca kao obavezno prije slanja obrasca na server. Ako je obavezno polje prazno, pretraživač će prikazati poruku o grešci i obrazac neće biti poslan. Izgled i sadržaj poruke zavise od pretraživača i korisnik ih ne može mijenjati.

Sintaksa

Vrijednosti

Zadana vrijednost

Default potreban atribut isključen.

veličina

Širina tekstualnog polja, koja je određena brojem znakova u monospace fontu. Drugim riječima, širina je određena brojem susjednih slova iste horizontalne širine. Ako se veličina fonta mijenja pomoću stilova, širina se također mijenja u skladu s tim.

Sintaksa

Vrijednosti

Bilo koji pozitivan cijeli broj.

Zadana vrijednost

src

Adresa grafičke datoteke koja će biti prikazana na web stranici u polju za sliku. Najpopularniji fajlovi u PNG format i JPEG.

Sintaksa

Vrijednosti

Vrijednost se uzima kao puna ili relativni put u fajl.

Zadana vrijednost

korak

Postavlja korak promjene broja za klizače i polja za unos brojeva.

Sintaksa

Vrijednosti

Bilo koji cijeli ili razlomak.

Zadana vrijednost

tip

Govori pretraživaču koji je tip elementa obrasca.

Podrška za pretraživač

email, tel, url:

Mogu li koristiti input-email-tel-url? Podaci o podršci za funkciju input-email-tel-url u glavnim pretraživačima sa caniuse.com.

Mogu li koristiti input-color? Podaci o podršci za funkciju boje za unos u glavnim pretraživačima sa caniuse.com.

Mogu li koristiti opseg unosa? Podaci o podršci za funkciju opsega unosa u glavnim pretraživačima sa caniuse.com.

Mogu li koristiti ulazni broj? Podaci o podršci za funkciju unosa broja u glavnim pretraživačima sa caniuse.com.

Mogu li koristiti pretraživanje unosa? Podaci o podršci za funkciju pretraživanja unosa u glavnim pretraživačima sa caniuse.com.

datum, vrijeme, datum i vrijeme:

Mogu li koristiti input-datetime? Podaci o podršci za funkciju unosa datuma i vremena u glavnim pretraživačima sa caniuse.com.

Sintaksa

Vrijednosti

Unesite vrijednosti:

• dugme - Dugme.
• potvrdni okvir - Potvrdni okviri. Omogućava vam da odaberete više od jedne opcije od predloženih.
• file - Polje za unos naziva datoteke koja se šalje na server.
• hidden - Skriveno polje. Ni na koji način se ne prikazuje na web stranici.
• slika - Polje sa slikom. Kada kliknete na sliku, podaci obrasca se šalju na server.
• lozinka - Uobičajeno tekstualno polje, ali se razlikuje od njega po tome što su svi znakovi prikazani kao zvjezdice. Dizajniran da spriječi bilo koga da njuška unesenu lozinku.
• radio - Prekidači. Koriste se kada trebate izabrati jednu opciju od više ponuđenih.
• reset - Dugme za vraćanje podataka obrasca na originalnu vrijednost.
• submit - Dugme za slanje podataka obrasca na server.
• text - Tekstualno polje. Dizajniran za unos znakova pomoću tastature.

Nove vrijednosti dodane u HTML5:

• boja - Widget za odabir boje.
• datum - Polje za odabir kalendarskog datuma.
• datetime - Određuje datum i vrijeme.
• datetime-local - Odredite lokalni datum i vrijeme.
• email - Za adrese e-pošte.
• broj - Unesite brojeve.
• raspon - Klizač za odabir brojeva u navedenom rasponu.
• pretraga - polje za pretragu.
• tel - Za brojeve telefona.
• vrijeme - Za vrijeme.
• url - Za web adrese.
• mjesec - Odaberite mjesec.
• sedmica - Odaberite sedmicu.

Zadana vrijednost

vrijednost

Definira vrijednost elementa obrasca koja će biti poslana serveru ili primljena pomoću klijentskih skripti. Par “ime=vrijednost” se šalje na server, gdje je navedeno ime atribut imena element , i vrijednost prema atributu value.

Ovisno o vrsti elementa, atribut value igra sljedeću ulogu:

• za dugmad (input type="button | reset | submit") postavlja tekstualnu oznaku na njih;
• za tekstualna polja (input type="password | text") specificira prethodno uneseni niz. Korisnik može obrisati tekst i unijeti svoje znakove, ali kada se koristi u obrascu Reset gumb, korisnički tekst se briše i vrijednost unesena u atribut vrijednosti se vraća;
• za potvrdne okvire i radio dugmad (input type="checkbox | radio") jedinstveno definira svaki element tako da klijent ili serverski program mogao jasno odrediti koju je stavku korisnik odabrao.
• za polje datoteke (input type="file") nema efekta.

Sintaksa

Vrijednosti

Bilo koji tekstualni niz.

Zadana vrijednost

Vrijednosti uloga ARIA

• - uloga=dugme
• - uloga=kvačica
• - uloga=textbox
• - uloga=dugme
• - uloga=spinbutton
• - uloga=radio
• - uloga=klizač
• - uloga=dugme
• - uloga=okvir za pretraživanje
• - uloga=dugme
• - uloga=textbox
• - uloga=textbox
• - uloga=kombobox
• - uloga=textbox

Tag je jedan od raznovrsnih elemenata forme i omogućava vam da kreirate različitih elemenata interfejs i obezbeđuju interakciju korisnika. Uglavnom dizajniran za kreiranje tekstualnih polja, raznih dugmadi, radio dugmadi i okvira za potvrdu. Iako element ne mora se stavljati u kontejner , koji definiše formu, ali ako se podaci koje je uneo korisnik mora poslati na server, gde ih obrađuje CGI program, tada je potreban FORM. Isto vrijedi iu slučaju obrade podataka korištenjem klijentske aplikacije, na primjer, skripte u JavaScriptu.

Glavni parametar oznake , koji određuje tip elementa - tip. Omogućava vam da postavite sljedeće elemente obrasca: tekstualno polje (tekst), polje lozinke (lozinka), radio dugme (radio), potvrdni okvir (kvačica), skriveno polje (skriveno), dugme (dugme), dugme za slanje obrasca ( pošalji), dugme za brisanje obrasca (resetovanje), polje za slanje datoteke (fajla) i dugme sa slikom (slika). Svaki element ima svoju listu parametara koji određuju njegov izgled i karakteristike.

Sintaksa

Opcije

Opis parametara oznake

ALIGN parametar

Određuje kako poravnati polje slike u odnosu na tekst ili druge elemente obrasca.

Sintaksa

Argumenti

• dnu- Poravnajte donju ivicu slike sa okolnim tekstom
• lijevo- Poravnava sliku sa lijevom ivicom prozora
• srednji- Poravnava sredinu slike sa osnovnom linijom trenutne linije.
• u pravu- Poravnava sliku sa desnom ivicom prozora.
• top- Gornja granica slike je poravnata sa najvišim elementom tekuće linije.

Zadana vrijednost je donja. Pretraživači takođe podržavaju argumente absbottom, absmiddle, osnovna linija I texttop, koji nisu uključeni u HTML 4.01 specifikaciju.

ALT parametar

Parametar alt postavlja alternativni tekst za polje slike. Ovaj tekst vam omogućava da dobijete tekstualne informacije o slici kada je učitavanje slika onemogućeno u pretraživaču. Budući da se slike učitavaju nakon što pretraživač primi informacije o njima, zamjenski tekst slike pojavljuje se ranije. I dok se učitava, tekst će biti zamijenjen slikom. Pretraživači također prikazuju zamjenski tekst kao opis alata kada postavite pokazivač miša preko slike.

Sintaksa

Vrijednost može biti bilo koji odgovarajući tekstualni niz. Mora biti stavljen u dvostruke ili jednostruke navodnike.

BORDER parametar

Pretraživači obrađuju slike dodane preko oznake , slično slikama kreiranim pomoću oznake . Također možete dodati okvir oko slike, čija boja odgovara boji teksta.

Sintaksa

Važeća vrijednost je svaki pozitivan cijeli broj u pikselima. Zadana vrijednost je 0.

CHECKED parametar

Ovaj parametar određuje da li je element obrasca, kao što je okvir za potvrdu ili radio dugme, prethodno označen. U slučaju korištenja radio dugmadi, može se označiti samo jedan element grupe, a za checkboxove je dozvoljeno označiti barem sve elemente.

Sintaksa

DISABLED parametar

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

Sintaksa

MAXLENGTH parametar

Postavlja maksimalan broj znakova koji korisnik može unijeti u tekstualno polje. Kada se ovaj broj dostigne tokom kucanja, dalji unos postaje nemoguć.

Sintaksa

Parametar NAME

Definira jedinstveno ime za element obrasca. Obično se ovo ime koristi prilikom slanja podataka na server ili za pristup unesenim podacima polja putem skripti.

Sintaksa

Ime je skup karaktera, uključujući brojeve i slova. JavaScript je osjetljiv na velika i mala slova, pa kada se pozivate na element po imenu, koristite isti oblik kao parametar imena.

Parametar SAMO ČITANJE

Kada označiti doda se parametar samo za čitanje, polje za tekst ne može mijenjati korisnik, uključujući unošenje novog teksta ili modificiranje postojećeg. Osim toga, takvo polje ne može dobiti fokus pritiskom na tipku Tab, korištenjem miša ili na neki drugi način. Međutim, stanje i sadržaj polja mogu se promijeniti pomoću skripti.

Sintaksa

SIZE parametar

Širina tekstualnog polja, koja je određena brojem znakova u monospace fontu. Drugim riječima, širina je određena brojem susjednih slova iste horizontalne širine. Ako se veličina fonta mijenja pomoću stilova, širina se također mijenja u skladu s tim.

Sintaksa

Važeća vrijednost je bilo koji pozitivan cijeli broj.

SRC parametar

Adresa grafičke datoteke koja će biti prikazana na web stranici u polju za sliku.

Sintaksa

Vrijednost je puna ili relativna putanja do datoteke.

TYPE parametar

Traženi parametar tipa govori pretraživaču koji je tip elementa obrasca.

Sintaksa

Argumenti

• dugme- Dugme.
• polje za potvrdu- Zastave. Omogućava vam da odaberete više od jedne opcije od predloženih.
• fajl- Polje za unos naziva datoteke koja se šalje na server.
• skriveno- Skriveno polje. Ni na koji način se ne prikazuje na web stranici.
• slika- Polje sa slikom. Kada kliknete na sliku, podaci obrasca se šalju na server.
• lozinka- Uobičajeno tekstualno polje, ali se od njega razlikuje po tome što su svi znakovi prikazani kao zvjezdice. Dizajniran da spriječi bilo koga da njuška unesenu lozinku.
• radio- Prekidači. Koriste se kada trebate izabrati jednu opciju od više ponuđenih.
• resetovati- Dugme za vraćanje podataka obrasca na originalnu vrijednost.
• submit- Dugme za slanje podataka obrasca na server.
• tekst- Polje za tekst. Dizajniran za unos znakova pomoću tastature.

Zadana vrijednost je tekst.

VALUE parametar

Definira vrijednost elementa obrasca koja će biti poslana serveru ili primljena pomoću klijentskih skripti. Par “ime=vrijednost” se šalje na server, gdje je ime specificirano parametrom imena oznake , a vrijednost je parametar vrijednosti.

Ovisno o vrsti elementa, parametar vrijednosti igra sljedeću ulogu:

• za dugmad (input type="button | reset | submit") postavlja tekstualnu oznaku na njih;
• za tekstualna polja (input type="password | text") specificira prethodno uneseni niz. Korisnik može obrisati tekst i unijeti svoje znakove, ali kada se koristi u obrascu Reset gumb, korisnički tekst se briše i vrijednost unesena u parametar vrijednosti se vraća;
• za potvrdne okvire i radio dugmad (input type="checkbox | radio") jedinstveno definira svaki element tako da klijent ili serverski program može jedinstveno odrediti koju je stavku korisnik odabrao.

Mislim da su mnogi dizajneri rasporeda (i ne samo) morali da rasporede tekstualna polja ( ), dajući im proizvoljne veličine. Ali kako to učiniti ovaj element gume i zadovoljavaju uslove:

1. Mogućnost ugradnje bilo koje horizontalne i vertikalne margine kod teksta;
2. Element mora zauzeti cijeli kontejner u koji se nalazi;
3. Klikom miša bilo gdje u tekstualno polje postavlja se kursor u njega.

Odgovor je prilično jednostavan i može se riješiti korištenjem sljedeće metode:

Prvo, morate razumjeti šta se dešava sa elementom za unos kada postavite njegovu širinu na 100% i dodate padding lijevo i desno za tekst.
Prema CSS standardima (i u u ovom slučaju svi pretraživači ih podržavaju), rezultirajuća širina ulazni element, u nedostatku granica ( granica) i margine ( margina), bit će jednako:

širina = širina + padding-levo + padding-desno

One. bit će veći za količinu unutrašnjih horizontalnih margina, a rezultirajući element će stršiti izvan područja koja mu je dodijeljena.
Da bi konačna širina bila jednaka 100%, možete koristiti sistem od dva kontejnera: