Kako postaviti pametne telefone i računala. Informativni portal
  • Dom
  • Greške
  • Atribut veličine skupova tekstualnih elemenata vrste unosa. Opis parametara oznake

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

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 za stvaranje tekstualnih polja, raznih gumba, radio gumba i potvrdnih okvira.

Glavni atribut , koji određuje tip elementa - tip . Omogućuje vam postavljanje sljedeće elemente obrasci: tekstualno polje (text), polje za lozinku (password), radio button (radio), checkbox (čekboks), skriveno polje (hidden), button (gumb), gumb za podnošenje obrasca (submit), gumb za brisanje obrasca (reset ), polje za slanje datoteke (file), gumb sa slikom (image) itd. Za svaki element postoji svoj popis atributa koji određuju njegov izgled i karakteristike. Osim toga, više od desetak novih atributa dodano je u HTML5.

Sintaksa

Završna oznaka nije potrebna.

WAI ARIJA

Ne vrijednosti uloga zadano.

Valjane vrijednosti uloga:

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

Atributi

  • prihvatiti - postavlja filtar za vrste datoteka koje možete poslati putem polja za učitavanje datoteka.
  • alt - Alternativni tekst za gumb sa slikom.
  • autocomplete - Omogućuje ili onemogućuje autocomplete.
  • autofokus - postavlja fokus na polje obrasca.
  • označeno - unaprijed aktivirani radio gumb ili potvrdni okvir.
  • dirname - Parametar koji prenosi smjer teksta poslužitelju.
  • onemogućeno - Blokira pristup i modifikaciju elementa.
  • obrazac - Povezuje polje s obrascem pomoću identifikatora.
  • formation - Definira adresu rukovatelja obrascima.
  • formenctype - Postavlja kako se podaci obrasca kodiraju kada se šalju na poslužitelj.
  • formmethod - govori pregledniku koju metodu da koristi za slanje podataka obrasca na poslužitelj.
  • formnovalidate - Otkazuje ugrađenu provjeru valjanosti podataka.
  • formtarget - Definira prozor ili okvir u koji će se učitati rezultat koji vraća rukovatelj obrasca.
  • popis - Pokazuje na popis 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 - Najmanji broj dopuštenih znakova u tekstu.
  • višestruko - Omogućuje preuzimanje više datoteka u isto vrijeme.
  • ime - Naziv polja, namijenjen da ga procesor obrasca može identificirati.
  • uzorak - Postavlja uzorak unosa.
  • rezervirano mjesto - Prikazuje tekst savjeta.
  • samo za čitanje - Određuje da korisnik ne može mijenjati polje.
  • obavezno - Obavezno polje.
  • veličina - širina polje za tekst.
  • src - Adresa grafička datoteka za polje sa slikom.
  • korak - Korak povećanja za numerička polja.
  • type - govori pregledniku koji je tip elementa obrasca.
  • vrijednost - vrijednost elementa.

prihvatiti

Postavlja filtar za vrste datoteka koje možete prenijeti putem polja za učitavanje datoteka. Vrsta datoteke određena je kao vrsta MIME; za više vrijednosti one su navedene odvojene zarezima. Ako datoteka ne odgovara instaliranom filtru, neće biti prikazana u prozoru za odabir datoteke.

Primjenjuje se na polje za učitavanje datoteke ( ).

Podrška za preglednik

Zadana vrijednost

alt

Postavlja atribut alt alternativni tekst za polje sa slikom. Ovaj tekst vam omogućuje da dobijete tekstualne informacije o slici pri učitavanju slika je onemogućeno u pregledniku, a namijenjeno je i tražilicama.

Sintaksa

Vrijednosti

Bilo koja prikladna tekstualni niz.

Zadana vrijednost

automatsko dovršavanje

Ovaj atribut pomaže ispuniti polja obrasca tekstom koji je prethodno u njih unesen. Vrijednosti se spremaju i zamjenjuju u pregledniku, dok korisnik može onemogućiti automatsko dovršavanje u postavkama preglednika iz sigurnosnih razloga i tada se ne može kontrolirati atributom samodovršavanja.

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

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

Sintaksa

Vrijednosti

  • uključeno - Omogućuje automatsko dovršavanje teksta.
  • isključeno - Onemogućuje automatsko popunjavanje. Ova se vrijednost obično koristi kako bi se spriječilo preglednik da sprema važne podatke (lozinke, brojeve bankovne kartice), kao i rijetko unesene ili jedinstvene podatke (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 kursorom 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. Kada koristite radiobuttone, samo jedan element grupe može biti označen, za potvrdne okvire dopušteno je označiti barem sve elemente.

Sintaksa

Vrijednosti

Zadana vrijednost

dirname

Ako je prisutan atribut dirname, par ime/vrijednost šalje se poslužitelju, gdje je ime navedeno atributom dirname, a vrijednost zamjenjuje preglednik. Za tekst koji se kreće slijeva nadesno, vrijednost će biti ltr, a za tekst koji se kreće zdesna nalijevo (hebrejski, na primjer) vrijednost će biti rtl.

Sintaksa

Vrijednosti

Proizvoljni tekstualni niz koji služi kao naziv parametra. Kako bi se označilo da ovaj parametar određuje smjer teksta, uobičajeno je dodati .dir 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, 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 poslužitelju.

Sintaksa

Vrijednosti

Zadana vrijednost

Prema zadanim postavkama ovaj je atribut onemogućen.

oblik

Povezuje polje s obrascem pomoću njegovog identifikatora. Takva veza je neophodna kada se polje nalazi vani

, 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 - to je program koji prima podatke obrasca i s njima izvodi željene radnje. Formacijski atribut sličan je učinku atribut akcije element .

Sintaksa

Vrijednosti

formenctype

Postavlja kako se podaci obrasca kodiraju kada se pošalju na poslužitelj. Obično se eksplicitno navodi kada se polje koristi za slanje datoteke (input type="file"). Ovaj je atribut sličan učinku atributu enctype elementa , na 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 se vrijednost koristi prilikom slanja datoteka.
  • text/plain - Razmaci se zamjenjuju znakom +, slova i drugi znakovi nisu kodirani.

Zadana vrijednost

aplikacija/x-www-form-urlencoded

metoda obrasca

Atribut govori pregledniku koju metodu treba koristiti za slanje podataka obrasca poslužitelju.

Sintaksa

Vrijednosti

Postoje dvije metode - GET i POST, koje su navedene ključne riječi dobiti i objaviti.

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

Zadana vrijednost

formnovalidate

Zaobilazi ugrađenu provjeru valjanosti podataka koje je korisnik unio u obrazac prije podnošenja obrasca. Ovu provjeru polja automatski obavlja preglednik , , kao i ako element ima uzorak ili potreban atribut .

Sintaksa

Vrijednosti

Zadana vrijednost

Prema zadanim postavkama ovaj je atribut onemogućen.

formtarget

Definira naziv okvira u koji će se učitati rezultat koji vraća obrada obrasca kao HTML dokument.

Sintaksa

Vrijednosti

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

  • _blank - Učitava stranicu u Nova kartica preglednik.
  • _self - učitava stranicu u trenutnu karticu.
  • _parent - Učitava stranicu u nadređeni okvir; ako nema okvira, tada ova vrijednost radi kao _self.
  • _top - Poništava sve okvire i učitava stranicu u cijelom prozoru preglednika; ako nema okvira, tada ova vrijednost radi kao _self.

Zadana vrijednost

popis

Pokazuje na popis opcija koje je stvorio element , koje možete odabrati tijekom tipkanja. Ovaj je popis u početku skriven i postaje dostupan kada polje dobije fokus.

Sintaksa

Vrijednosti

ID artikla Naziv .

Zadana vrijednost

max

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

Sintaksa

Vrijednosti

Zadana vrijednost

maksimalna dužina

Instalacije najveći broj znakove koje korisnik može unijeti u tekstualno polje. Kada se taj broj dosegne tijekom tipkanja, daljnji unos postaje nemoguć.

Sintaksa

Vrijednosti

Zadana vrijednost

Unos znakova nije ograničen.

min

Postavlja nižu vrijednost za unos broja ili datuma u polje obrasca.

Sintaksa

Vrijednosti

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

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

Zadana vrijednost

minduljina

Određuje minimalni broj znakova koje korisnik može unijeti u tekstualno polje. Ako je broj znakova manji navedena vrijednost, preglednik prikazuje poruku o pogrešci i ne šalje obrazac.

Sintaksa

Vrijednosti

Bilo koja cjelina pozitivan broj.

Zadana vrijednost

višestruki

Višestruki atribut omogućuje vam da navedete nekoliko datoteka istovremeno u polju za učitavanje datoteke, kao i nekoliko adresa E-mail. Kada koristite dva ili više poštanske adrese moraju biti odvojeni zarezima.

Sintaksa

Vrijednosti

Zadana vrijednost

Prema zadanim postavkama višestruki atribut je onemogućen.

Ime

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

Sintaksa

Vrijednosti

Naziv je skup znakova, uključujući brojeve i slova. JavaScript je osjetljiv na velika i mala slova, pa kada se pozivate na element imenom, koristite isti oblik pisanja kao atribut imena.

Zadana vrijednost

uzorak

Određuje regularni izraz koji zahtijeva unos i provjeru valjanosti podataka u polju obrasca. Ako je prisutan atribut uzorka, tada se obrazac neće poslati dok se polje ne ispuni ispravno.

Podrška za preglednik

Mogu li koristiti obrazac unosa? Podaci o podršci za značajku uzorka unosa u glavnim preglednicima s caniuse.com.

Sintaksa

Vrijednosti

Neke tipične regularni izrazi navedeni su u tablici. 1.

Stol 1. Regularni izrazi
Izraz Opis
d Jedna znamenka od 0 do 9.
D [^0-9] Bilo koji znak osim broja.
s Prostor.
Samo kapital latinično slovo.
U svakom slučaju samo latinična slova.
[A-Yaa-yaYoyo] Samo ruska slova u svakom slučaju.
Bilo koje slovo ruske i latinične abecede.
{3} Tri broja.
{6,} Najmanje šest latiničnih slova.
{,3} Ne više od tri znamenke.
{5,10} Pet do deset znamenki.
^+$ 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 (odvojen zarezom).
d+(.d(2))? Broj u formatu 2.10 (razdjelnik točka).
d(1,3).d(1,3).d(1,3).d(1,3) IP adresa

rezerviranog mjesta

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

Podrška za preglednik

Mogu li koristiti rezervirano mjesto za unos? Podaci o podršci za značajku rezerviranog mjesta za unos u glavnim preglednicima s caniuse.com.

Sintaksa

Vrijednosti

Tekstni niz. Ako se unutar niza očekuje razmak, on mora biti u dvostrukim ili jednostrukim navodnicima.

Zadana vrijednost

samo za čitanje

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

Sintaksa

Vrijednosti

Zadana vrijednost

Prema zadanim postavkama ovaj je atribut onemogućen.

potreban

Postavlja obavezno polje obrasca prije podnošenja obrasca na poslužitelj. Ako je potrebno polje prazno, preglednik će prikazati poruku o pogrešci i obrazac neće biti poslan. Izgled i sadržaj poruke ovisi o pregledniku i korisnik ih ne može mijenjati.

Sintaksa

Vrijednosti

Zadana vrijednost

Zadano 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 pozitivni cijeli broj.

Zadana vrijednost

src

Adresa grafičke datoteke koja će biti prikazana na web stranici u polju slike. Najpopularnije datoteke u PNG format i JPEG.

Sintaksa

Vrijednosti

Vrijednost se uzima kao puna ili relativni put u datoteku.

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 pregledniku koji je tip elementa obrasca.

Podrška za preglednik

email, tel, url:

Mogu li koristiti input-email-tel-url? Podaci o podršci za značajku input-email-tel-url u glavnim preglednicima s caniuse.com.

Mogu li koristiti input-color? Podaci o podršci za značajku boja unosa u glavnim preglednicima s caniuse.com.

Mogu li koristiti input-range? Podaci o podršci za značajku raspona unosa u glavnim preglednicima s caniuse.com.

Mogu li koristiti unos broja? Podaci o podršci za značajku unosa broja u glavnim preglednicima s caniuse.com.

Mogu li koristiti pretraživanje unosa? Podaci o podršci za značajku pretraživanja unosa u glavnim preglednicima s caniuse.com.

datum, vrijeme, datumvrijeme:

Mogu li koristiti input-datetime? Podaci o podršci za značajku unosa datuma i vremena u glavnim preglednicima s caniuse.com.

Sintaksa

Vrijednosti

Vrijednosti tipa:

  • dugme - Gumb.
  • potvrdni okvir - Potvrdni okviri. Omogućuje odabir više od jedne opcije među predloženim.
  • datoteka - Polje za unos naziva datoteke koja se šalje na poslužitelj.
  • skriveno - Skriveno polje. Ni na koji način nije prikazan na web stranici.
  • slika - Polje sa slikom. Kada kliknete na sliku, podaci obrasca šalju se na poslužitelj.
  • lozinka - obično tekstualno polje, ali se od njega razlikuje po tome što su svi znakovi prikazani kao zvjezdice. Osmišljen kako bi spriječio bilo koga da uhodi unesenu lozinku.
  • radio - Prekidači. Koriste se kada je potrebno odabrati jednu opciju od nekoliko ponuđenih.
  • reset - Gumb za vraćanje podataka obrasca na izvornu vrijednost.
  • pošalji - Gumb za slanje podataka obrasca na poslužitelj.
  • tekst - polje za tekst. Dizajniran za unos znakova pomoću tipkovnice.

Nove vrijednosti dodane u HTML5:

  • boja - Widget za odabir boje.
  • datum - Polje za odabir datuma u kalendaru.
  • datetime - Određuje datum i vrijeme.
  • datetime-local - Navedite lokalni datum i vrijeme.
  • email - Za email adrese.
  • broj - Unesite brojeve.
  • raspon - Klizač za odabir brojeva u navedenom rasponu.
  • pretraživanje - polje za pretraživanje.
  • tel - Za brojeve telefona.
  • vrijeme - Za vrijeme.
  • url - Za web adrese.
  • mjesec - odaberite mjesec.
  • tjedan - Odaberite tjedan.

Zadana vrijednost

vrijednost

Definira vrijednost elementa obrasca koja će biti poslana na poslužitelj ili primljena pomoću klijentskih skripti. Par "ime=vrijednost" šalje se na poslužitelj, gdje je navedeno ime atribut imena element , a vrijednost atributom value.

Ovisno o vrsti elementa, atribut vrijednosti ima sljedeću ulogu:

  • za gumbe (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 vlastite znakove, ali kada se koristi u obrascu Reset gumb, korisnički tekst se briše i vrijednost unesena u atributu vrijednosti se vraća;
  • za potvrdne okvire i radio gumbe (input type="checkbox | radio") jedinstveno definira svaki element tako da klijent ili poslužiteljski program mogao jasno odrediti koju je stavku korisnik odabrao.
  • za polje datoteke (input type="file") nema učinka.

Sintaksa

Vrijednosti

Bilo koji tekstualni niz.

Zadana vrijednost

ARIA vrijednosti uloga

  • - uloga=gumb
  • - uloga=potvrdni okvir
  • - uloga=tekstualni okvir
  • - uloga=gumb
  • - uloga=spinbutton
  • - uloga=radio
  • - uloga=klizač
  • - uloga=gumb
  • - uloga=okvir za pretraživanje
  • - uloga=gumb
  • - uloga=tekstualni okvir
  • - uloga=tekstualni okvir
  • - uloga=combobox
  • - uloga=tekstualni okvir

Označiti je jedan od svestranih elemenata forme i omogućuje vam stvaranje različite elemente sučelje i omogućiti interakciju s korisnikom. Uglavnom dizajniran za stvaranje tekstualnih polja, raznih gumba, radio gumba i potvrdnih okvira. Iako element nije potrebno stavljati u spremnik , koji definira obrazac, no ako se podaci koje unese korisnik moraju poslati na poslužitelj, gdje 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 vrstu elementa - tip. Omogućuje postavljanje sljedećih elemenata obrasca: tekstno polje (text), polje za lozinku (password), radio gumb (radio), potvrdni okvir (checkbox), skriveno polje (hidden), gumb (gumb), gumb za slanje obrasca ( pošalji), gumb za brisanje forme (reset), polje za slanje datoteke (file) i gumb sa slikom (image). Svaki element ima svoj popis parametara koji određuju njegov izgled i karakteristike.

Sintaksa

Mogućnosti

Opis parametara oznake


ALIGN parametar

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

Sintaksa

Argumenti

  • dno- Poravnajte donji rub slike s okolnim tekstom
  • lijevo- Poravnava sliku na lijevi rub prozora
  • sredini- Poravnava sredinu slike s osnovnom linijom trenutnog retka.
  • pravo- Poravnava sliku na desni rub prozora.
  • vrh- Gornji obrub slike poravnat je s najvišim elementom trenutnog retka.

Zadana vrijednost je dno. Preglednici također podržavaju argumente absbottom, absmisddle, Osnovna linija I texttop, koji nisu uključeni u specifikaciju HTML 4.01.

ALT parametar

Parametar alt postavlja alternativni tekst za polje slike. Ovaj tekst vam omogućuje da dobijete tekstualne informacije o slici kada je učitavanje slika onemogućeno u pregledniku. Budući da se slike učitavaju nakon što preglednik primi informacije o njima, zamjenski tekst slike pojavljuje se ranije. I dok se učitava, tekst će biti zamijenjen slikom. Preglednici također prikazuju alternativni tekst kao opis alata kada mišem prijeđete iznad slike.

Sintaksa

Vrijednost može biti bilo koji odgovarajući tekstualni niz. Mora biti u dvostrukim ili jednostrukim navodnicima.

BORDER parametar

Preglednici obrađuju slike dodane putem oznake , slično slikama stvorenim pomoću oznake . Također možete dodati okvir oko slike, čija boja odgovara boji teksta.

Sintaksa

Važeća vrijednost je bilo koji pozitivni cijeli broj u pikselima. Zadana vrijednost je 0.

PROVJEREN parametar

Ovaj parametar određuje je li element obrasca kao što je potvrdni okvir ili radio gumb unaprijed označen. U slučaju korištenja radiobuttona, može se označiti samo jedan element grupe, a za potvrdne okvire dopušteno je označiti barem sve elemente.

Sintaksa


ONEMOGUĆEN parametar

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, 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 najveći broj znakova koje korisnik može unijeti u tekstualno polje. Kada se taj broj dosegne tijekom tipkanja, daljnji unos postaje nemoguć.

Sintaksa


Parametar NAME

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

Sintaksa

Naziv je skup znakova, uključujući brojeve i slova. JavaScript je osjetljiv na velika i mala slova, pa kada se pozivate na element imenom, koristite isti oblik kao parametar imena.

Parametar SAMO ZA ČITANJE

Kada označiti dodan je parametar samo za čitanje, korisnik ne može mijenjati tekstualno polje, uključujući unos novog teksta ili izmjenu 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 mijenjati pomoću skripti.

Sintaksa


parametar 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

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

SRC parametar

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

Sintaksa

Vrijednost je puni ili relativni put do datoteke.

TYPE parametar

Traženi parametar tipa govori pregledniku koji je tip elementa obrasca.

Sintaksa

Argumenti

  • dugme- Dugme.
  • potvrdni okvir- Zastave. Omogućuje odabir više od jedne opcije među predloženim.
  • datoteka- Polje za unos naziva datoteke koja se šalje na poslužitelj.
  • skriven- Skriveno polje. Ni na koji način nije prikazan na web stranici.
  • slika- Polje sa slikom. Kada kliknete na sliku, podaci obrasca šalju se na poslužitelj.
  • lozinka- Obično tekstualno polje, ali se od njega razlikuje po tome što su svi znakovi prikazani kao zvjezdice. Osmišljen kako bi spriječio bilo koga da uhodi unesenu lozinku.
  • radio- Prekidači. Koriste se kada je potrebno odabrati jednu opciju od nekoliko ponuđenih.
  • resetirati- Gumb za vraćanje podataka obrasca na izvornu vrijednost.
  • podnijeti- Gumb za slanje podataka obrasca na poslužitelj.
  • tekst- Polje za tekst. Dizajniran za unos znakova pomoću tipkovnice.

Zadana vrijednost je tekst.

VRIJEDNOST parametra

Definira vrijednost elementa obrasca koja će biti poslana na poslužitelj ili primljena pomoću klijentskih skripti. Par "ime=vrijednost" šalje se poslužitelju, gdje je naziv specificiran parametrom naziva oznake , a vrijednost je parametar vrijednosti.

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

  • za gumbe (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 vlastite znakove, ali kada se koristi u obrascu Reset gumb, korisnički tekst se briše i vrijednost unesena u parametru vrijednosti se vraća;
  • za potvrdne okvire i radio gumbe (input type="checkbox | radio") jedinstveno definira svaki element tako da program klijent ili poslužitelj može jedinstveno odrediti koju je stavku korisnik odabrao.

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

  1. Mogućnost ugradnje bilo kojeg horizontalnog i okomite margine na tekstu;
  2. Element mora zauzimati cijeli spremnik u kojem se nalazi;
  3. Klikom miša bilo gdje u tekstualno polje postavlja se kursor u njega.

Odgovor je vrlo jednostavan i može se riješiti pomoću sljedeće metode:

Prvo morate razumjeti što se događa s elementom unosa kada njegovu širinu postavite na 100% i dodate ispunu s lijeve i desne strane za tekst.
Prema CSS standardima (i in u ovom slučaju podržavaju ih svi preglednici), rezultirajuća širina ulazni element, u nedostatku granica ( granica) i margine margine ( margina), bit će jednako:

širina = širina + padding-lijevo + padding-desno

Oni. bit će veći za iznos unutarnjih vodoravnih rubova, a rezultirajući element stršit će izvan područja koje mu je dodijeljeno.
Da bi konačna širina bila jednaka 100%, možete koristiti sustav od dva spremnika:


Svaki spremnik obavlja svoju ulogu:

  1. ulazna širina– ovaj spremnik navodi rezultirajuću širinu tekstualnog polja;
  2. postavljač širine– ovaj spremnik specificira širinu ulaznog elementa minus vodoravno ispunjavanje.
Evo niza stilova koji će pojasniti ovu konstrukciju:

Input-width ( height:23px; border:1px solid #999; background:#fff; ) .width-setter (height:23px; margin:0 9px; ) .width-setter input ( width:100%; height:14px ; padding:4px 9px 5px; margin:0; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:14px; color:#000; border:0 none; background:#9C6; )
Primjer 1

Od stilova ispada da element ulazna širina specificira širinu koju bi tekstualno polje trebalo zauzimati. Element postavljač širine postavlja širinu ulaznog elementa manju za horizontalne podstava. Vrijedno je napomenuti da njegove margine ( margina) moraju biti jednaki padding-lijevo I padding-desno za ulazni element.
S ovim opisom, ulazni element će stršati iz postavljač širine količinom vodoravnih uvlaka ( podstava), au IE6 - rastegnuti sve "roditelje" na njihove vlastite veličine (primjer 1). Također u preglednicima IE6-7, ulazni element ima ispunu koja se ne može ukloniti brisanjem svojstva margina. Da biste promijenili ovaj raspored, potrebno je tekstualno polje pomaknuti ulijevo, za veličinu lijeve uvlake ( padding-lijevo). To možete učiniti pomoću position:relative, ali u IE6 ostat će rastegnuto kako bi odgovaralo širini teksta polja za unos spremnik postavljač širine. Kako biste uklonili rastezanje, morate biti sigurni da element ne može utjecati na veličinu svog roditelja, na primjer postavljanjem pozicija: apsolutna.
Opišimo izvorni skup spremnika na nov način:

Input-width ( height:23px; border:1px solid #999; background:#fff; ) .width-setter (height:23px; margin:0 9px; position:relative; ) .width-setter input ( width:100% ; visina:14px; padding:4px 9px 5px; margin:0; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:14px; color:#000; border:0 none; background :#9C6; pozicija:apsolutna; lijevo:-9px; gore:0; )
Primjer 2

Kao rezultat toga, pri korištenju takvih stilova ispunjavaju se zadaci postavljeni na početku. Pokazalo se da je tekstualno polje zadane uvlake gumenast i klikabilan na bilo kojem mjestu.
Da biste postavili određenu širinu za konačni element, trebate samo navesti svojstvo širina za kontejner ulazna širina.

Bilješka. Dana metoda za implementaciju gumenog tekstualnog polja testirana je na Doctypeu: HTML 4.01, XHTML 1.0 i HTML (HTML 5) - i kompatibilna je s više preglednika: IE6-8, Opera 9+, FF 2.0+, Safari 2.0+, Chrome . Ako nema Doctype-a, nije zajamčena funkcionalnost metode na više preglednika.

Mislim da su mnogi dizajneri izgleda (i ne samo) morali rasporediti tekstualna polja ( ), dajući im proizvoljne veličine. Ali kako ovaj element učiniti gumenim i zadovoljiti uvjete:

  1. Mogućnost postavljanja vodoravnih i okomitih uvlaka za tekst;
  2. Element mora zauzimati cijeli spremnik u kojem se nalazi;
  3. Klikom miša bilo gdje u tekstualno polje postavlja se kursor u njega.

Odgovor je vrlo jednostavan i može se riješiti pomoću sljedeće metode:

Prvo morate razumjeti što se događa s elementom unosa kada njegovu širinu postavite na 100% i dodate ispunu s lijeve i desne strane za tekst.
Prema CSS standardima (au ovom slučaju ih podržavaju svi preglednici), rezultirajuća širina elementa unosa, ako nema granica ( granica) i margine margine ( margina), bit će jednako:

širina = širina + padding-lijevo + padding-desno

Oni. bit će veći za iznos unutarnjih vodoravnih rubova, a rezultirajući element stršit će izvan područja koje mu je dodijeljeno.
Da bi konačna širina bila jednaka 100%, možete koristiti sustav od dva spremnika:


Svaki spremnik obavlja svoju ulogu:

  1. ulazna širina– ovaj spremnik navodi rezultirajuću širinu tekstualnog polja;
  2. postavljač širine– ovaj spremnik specificira širinu ulaznog elementa minus vodoravno ispunjavanje.
Evo niza stilova koji će pojasniti ovu konstrukciju:

Input-width ( height:23px; border:1px solid #999; background:#fff; ) .width-setter (height:23px; margin:0 9px; ) .width-setter input ( width:100%; height:14px ; padding:4px 9px 5px; margin:0; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:14px; color:#000; border:0 none; background:#9C6; )
Primjer 1

Od stilova ispada da element ulazna širina specificira širinu koju bi tekstualno polje trebalo zauzimati. Element postavljač širine postavlja manju širinu ulaznog elementa vodoravnim popunjavanjem. Vrijedno je napomenuti da njegove margine ( margina) moraju biti jednaki padding-lijevo I padding-desno za ulazni element.
S ovim opisom, ulazni element će stršati iz postavljač širine količinom vodoravnih uvlaka ( podstava), au IE6 - rastegnuti sve "roditelje" na njihove vlastite veličine (primjer 1). Također u preglednicima IE6-7, ulazni element ima ispunu koja se ne može ukloniti brisanjem svojstva margina. Da biste promijenili ovaj raspored, potrebno je tekstualno polje pomaknuti ulijevo, za veličinu lijeve uvlake ( padding-lijevo). To možete učiniti pomoću position:relative, ali u IE6 spremnik za unos ostat će rastegnut kako bi odgovarao širini tekstualnog polja postavljač širine. Kako biste uklonili rastezanje, morate biti sigurni da element ne može utjecati na veličinu svog roditelja, na primjer postavljanjem pozicija: apsolutna.
Opišimo izvorni skup spremnika na nov način:

Input-width ( height:23px; border:1px solid #999; background:#fff; ) .width-setter (height:23px; margin:0 9px; position:relative; ) .width-setter input ( width:100% ; visina:14px; padding:4px 9px 5px; margin:0; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:14px; color:#000; border:0 none; background :#9C6; pozicija:apsolutna; lijevo:-9px; gore:0; )
Primjer 2

Kao rezultat toga, pri korištenju takvih stilova ispunjavaju se zadaci postavljeni na početku. Ispostavilo se da je tekstualno polje gumasto i na njega se može kliknuti na bilo kojem mjestu s navedenim uvlakama.
Da biste postavili određenu širinu za konačni element, trebate samo navesti svojstvo širina za kontejner ulazna širina.

Bilješka. Dana metoda za implementaciju gumenog tekstualnog polja testirana je na Doctypeu: HTML 4.01, XHTML 1.0 i HTML (HTML 5) - i kompatibilna je s više preglednika: IE6-8, Opera 9+, FF 2.0+, Safari 2.0+, Chrome . Ako nema Doctype-a, nije zajamčena funkcionalnost metode na više preglednika.

Najbolji članci na temu