Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ
  • në shtëpi
  • Gabimet
  • Atributi i madhësisë së grupeve të elementit të tekstit të tipit të hyrjes. Përshkrimi i parametrave të etiketës

Atributi i madhësisë së grupeve të elementit të tekstit të tipit të hyrjes. Përshkrimi i parametrave të etiketës

Etiketë (nga anglishtja. hyrje- hyrja)është një nga elementët e formës së gjithanshme dhe ju lejon të krijoni pjesë të ndryshme të ndërfaqes dhe të ofroni ndërveprim me përdoruesit.

Kryesisht është krijuar për të krijuar fusha teksti, butona të ndryshëm, çelësa dhe kuti kontrolli.

atribut kryesor , i cili përcakton llojin e elementit - tip . Ju lejon të vendosni elementet e mëposhtëm forma: fusha e tekstit (teksti), fusha e fjalëkalimit (fjalëkalimi), çelësi (radio), kutia e kontrollit (kutia e kontrollit), fusha e fshehur (e fshehur), butoni (butoni), butoni për dorëzimin e formularit (dorëzo), butoni për pastrimin e formularit ( reset ), një fushë për dërgimin e një skedari (skedari), një buton me një imazh (imazh), etj. Çdo element ka listën e vet të atributeve që përcaktojnë pamjen dhe karakteristikat e tij. Përveç kësaj, mbi një duzinë atributesh të reja janë shtuar në HTML5.

Sintaksë

Etiketa mbyllëse nuk kërkohet.

WAI ARIA

Jo vlerat e roleve default.

Vlerat e vlefshme të roleve:

  • butonin
  • kutia e kontrollit
  • kuti kombinuese
  • lidhje
  • artikull i menusë
  • kutia e kontrollit të menusë
  • menuitemradio
  • opsion
  • radio
  • kutia e kërkimit
  • rrëshqitës
  • butoni i rrotullimit
  • kaloni
  • kuti teksti

Atributet

  • prano - Vendos një filtër për llojet e skedarëve që mund të dërgosh përmes fushës së ngarkimit të skedarëve.
  • alt - Tekst alternativ për butonin e imazhit.
  • plotësimi automatik - Aktivizon ose çaktivizon plotësimin automatik.
  • autofocus - Vendos fokusin në një fushë formulari.
  • i zgjedhur - Një buton radioje ose kuti zgjedhjeje e aktivizuar më parë.
  • dirname - Një parametër që dërgon drejtimin e tekstit në server.
  • i çaktivizuar - Bllokon aksesin dhe modifikimin e elementit.
  • forma - Lidh një fushë me një formë me ID-në e saj.
  • formacion - Përcakton adresën e trajtuesit të formularit.
  • formenctype - Vendos se si kodohen të dhënat e formularit kur dërgohen në server.
  • formmetoda - I tregon shfletuesit se cila metodë duhet të dërgojë të dhënat e formularit në server.
  • formnovalidate - Anulon vërtetimin e integruar të të dhënave.
  • formtarget - Përcakton dritaren ose kornizën në të cilën do të ngarkohet rezultati i kthyer nga mbajtësi i formularit.
  • list - Tregon një listë opsionesh që mund të zgjidhen kur futni tekst.
  • max - Vlera e sipërme për futjen e një numri ose datë.
  • gjatesia maksimale - Shuma maksimale karakteret e lejuara në tekst.
  • min - Vlera më e ulët për futjen e një numri ose datë.
  • minlength - Numri minimal i karaktereve të lejuara në tekst.
  • multiple - Ju lejon të ngarkoni shumë skedarë në të njëjtën kohë.
  • emri - Emri i fushës, i destinuar që përpunuesi i formularit ta identifikojë atë.
  • model - Vendos modelin e hyrjes.
  • mbajtës i vendndodhjes - Shfaq tekst sugjerues.
  • readonly - Përcakton që fusha nuk mund të modifikohet nga përdoruesi.
  • kërkohet - Fusha e kërkuar.
  • madhësia - Gjerësia fushë teksti.
  • src - Adresa skedar grafik për fushën e imazhit.
  • hap - Hapi i rritjes për fushat numerike.
  • type - I tregon shfletuesit se çfarë lloji është elementi i formës.
  • vlera - Vlera e elementit.

pranoj

Vendos një filtër për llojet e skedarëve që mund të dërgoni përmes fushës së ngarkimit të skedarëve. Lloji i skedarit specifikohet si një lloj MIME, me vlera të shumta ato renditen të ndara me presje. Nëse një skedar nuk përputhet me filtrin e caktuar, ai nuk shfaqet në dritaren e përzgjedhjes së skedarit.

Zbatohet në fushën e ngarkimit të skedarit ( ).

Mbështetja e shfletuesit

Vlera e paracaktuar

alt

Atributet alt vendosen tekst alternativ për fushën e imazhit. Ky tekst ju lejon të informacion teksti në lidhje me foton kur ngarkimi i imazheve është i çaktivizuar në shfletues, dhe është gjithashtu i destinuar për motorët e kërkimit.

Sintaksë

vlerat

Çdo të përshtatshme varg teksti.

Vlera e paracaktuar

plotësimi automatik

Ky atribut ndihmon në plotësimin e fushave të formave me tekstin që ishte futur më parë në to. Vlerat ruhen dhe zëvendësohen nga shfletuesi, ndërsa plotësimi automatik mund të çaktivizohet nga përdoruesi në cilësimet e shfletuesit për arsye sigurie dhe nuk mund të kontrollohet nga atributi i plotësimit automatik në këtë rast.

Kur futni shkronjat e para të tekstit, shfaqet një listë e vlerave të ruajtura më parë, nga e cila mund të zgjidhni atë që ju nevojitet.

Plotësimi automatik i një fushe të caktuar formulari lidhet me atributin e saj të emrit dhe humbet kur vlera ndryshon.

Sintaksë

vlerat

  • aktiv - Aktivizon plotësimin automatik të tekstit.
  • joaktive - Çaktivizon plotësimin automatik. Kjo vlerë zakonisht përdoret për të parandaluar ruajtjen e të dhënave të rëndësishme (fjalëkalimet, numrat e telefonit) në shfletues karta bankare), si dhe të dhëna të futura rrallë ose unike (captcha).

Vlera e paracaktuar

Varet nga cilësimet e shfletuesit.

fokusim automatik

Vendos automatikisht fokusin në një fushë formulari. Në një fushë të tillë, ju mund të shkruani menjëherë tekst pa klikuar në mënyrë të qartë mbi të me kursorin e miut.

Sintaksë

vlerat

Vlera e paracaktuar

Si parazgjedhje, atributi i fokusimit automatik nuk është vendosur.

kontrolluar

Ky atribut specifikon nëse një element i formës, si kutia e kontrollit ose butoni i radios, është i parashënuar. Në rastin e përdorimit të radiobutonave, mund të kontrollohet vetëm një element i grupit, për kutitë e kontrollit, të paktën të gjithë elementët mund të kontrollohen.

Sintaksë

vlerat

Vlera e paracaktuar

diremër

Nëse atributi dirname është i pranishëm, një çift emër/vlerë dërgohet në server, ku emri jepet nga atributi dirname dhe vlera zëvendësohet nga shfletuesi. Për tekstin nga e majta në të djathtë, vlera do të jetë ltr, dhe për tekstin nga e djathta në të majtë (për shembull, në hebraisht), vlera do të jetë rtl.

Sintaksë

vlerat

Një varg teksti arbitrar që shërben si emër i parametrit. Për të treguar se ky opsion specifikon drejtimin e tekstit, zakonisht në fund të rreshtit shtohet një .dir.

Vlera e paracaktuar

me aftësi të kufizuara

Bllokon aksesin dhe modifikimin e fushës së formularit. Në këtë rast, ai shfaqet në gri dhe nuk mund të aktivizohet nga përdoruesi. Përveç kësaj, një fushë e tillë nuk mund të marrë fokusin duke shtypur tastin Tab, miun ose ndryshe. Megjithatë, kjo gjendje e fushës mund të ndryshohet duke përdorur skriptet. Vlera e kyçur në fushë nuk dërgohet te serveri.

Sintaksë

vlerat

Vlera e paracaktuar

Si parazgjedhje, ky atribut është i çaktivizuar.

formë

Lidh një fushë me një formë me ID-në e saj. Një lidhje e tillë është e nevojshme kur fusha ndodhet jashtë

, për shembull, kur e krijoni atë në mënyrë programore ose për arsye projektimi.

Sintaksë

...

vlerat

Identifikuesi i formës (vlera e atributit id të elementit

).

Vlera e paracaktuar

formimi

Përcakton adresën e mbajtësit të formularit - ky është programi që merr të dhënat e formularit dhe kryen veprimin e dëshiruar me të. Atributi formacion është i ngjashëm në veprim me atribut veprimi element .

Sintaksë

vlerat

formenctipi

Vendos se si kodohen të dhënat e formularit kur dërgohen te serveri. Zakonisht specifikohet në mënyrë eksplicite në rastin kur fusha përdoret për të dërguar një skedar (lloji i hyrjes = "skedar"). Ky atribut ka të njëjtin efekt si atributi enctype i elementit. , në ndarjen formenctype dhe enctype kjo e fundit shpërfillet.

Sintaksë

vlerat

  • aplikacion/x-www-form-urlencoded - Në vend të hapësirave të vendosura + , karaktere si shkronja ruse kodohen prej tyre vlerat heksadecimal(për shembull, %D0%9F%D0%B5%D1%82%D1%8F në vend të Pjetrit).
  • shumëpjesësh/formë-të dhëna - Të dhënat nuk janë të koduara. Kjo vlerë përdoret kur ngarkoni skedarë.
  • tekst/i thjeshtë - Hapësirat zëvendësohen me + , shkronjat dhe karakteret e tjera nuk janë të koduara.

Vlera e paracaktuar

aplikacioni/x-www-form-urlencoded

metodë e formës

Atributi i tregon shfletuesit se cila metodë duhet të dërgojë të dhënat e formularit në server.

Sintaksë

vlerat

Ka dy metoda - GET dhe POST , të cilat janë vendosur fjalë kyçe merrni dhe postoni.

  • get - Kjo metodë është për kalimin e të dhënave të formularit direkt tek shiriti i adresave në formën e çifteve "emër=vlerë", të cilat i shtohen adresës së faqes pas pikëpyetjes dhe ndahen nga njëri-tjetri me një ampersand (simbol &). Adresa e plotë, për shembull, do të jetë http://site.ru/doc/?name=Vasya&password=pup . Sasia e të dhënave në metodë është e kufizuar në 4 KB.
  • post - Dërgon të dhëna te serveri në një kërkesë të shfletuesit, sasia e të dhënave të dërguara kufizohet vetëm nga cilësimet e serverit.

Vlera e paracaktuar

formnovalidate

Anulon vërtetimin e integruar të të dhënave të futura nga përdoruesi në formular për korrektësi përpara se të dorëzojë formularin. Ky kontroll bëhet automatikisht nga shfletuesi për fushat. , , si dhe nëse elementi ka një model ose atribut të kërkuar .

Sintaksë

vlerat

Vlera e paracaktuar

Si parazgjedhje, ky atribut është i çaktivizuar.

formtarget

Përcakton emrin e kornizës në të cilën do të ngarkohet rezultati i kthyer nga mbajtësi i formularit si një dokument HTML.

Sintaksë

vlerat

Vlera është emri i kornizës, specifikuar nga atributi emri . Nëse vendoset një emër që nuk ekziston, do të hapet një skedë e re. Më poshtë mund të specifikohen si emra të rezervuar.

  • _blank - Ngarkon faqen në Tab i ri shfletuesi.
  • _self - Ngarkon faqen në skedën aktuale.
  • _parent - Ngarkon faqen në kornizën prind; nëse nuk ka korniza, atëherë kjo vlerë funksionon si _self.
  • _top - Anulon të gjitha kornizat dhe ngarkon faqen në një dritare të plotë të shfletuesit; nëse nuk ka korniza, atëherë kjo vlerë funksionon si _self.

Vlera e paracaktuar

listë

Tregon në një listë zgjedhjesh të krijuara me një element , e cila mund të zgjidhet gjatë shtypjes. Kjo listë fillimisht fshihet dhe bëhet e disponueshme kur fusha merr fokus.

Sintaksë

vlerat

Emri i ID-së së elementit .

Vlera e paracaktuar

maksimumi

Vendos vlerën e sipërme për futjen e një numri ose datë në një fushë formulari.

Sintaksë

vlerat

Vlera e paracaktuar

gjatesia maksimale

Komplete numri maksimal karaktere që mund të futen nga përdoruesi në fushën e tekstit. Kur arrihet ky numër gjatë shkrimit, futja e mëtejshme bëhet e pamundur.

Sintaksë

vlerat

Vlera e paracaktuar

Futja e karaktereve nuk është e kufizuar.

min

Vendos vlerën më të ulët për futjen e një numri ose datë në një fushë formulari.

Sintaksë

vlerat

Një numër i plotë pozitiv ose negativ (për type="number" , type="range").

Data në formatin YYYY-MM-DD (për shembull: 2012-12-22) për type="date" .

Vlera e paracaktuar

gjatësia e minierës

Vendos numrin minimal të karaktereve që një përdorues mund të fusë në një fushë teksti. Nëse numri i karaktereve është më i vogël vlera e specifikuar, atëherë shfletuesi jep një mesazh gabimi dhe nuk e dorëzon formularin.

Sintaksë

vlerat

Çdo numër i plotë numër pozitiv.

Vlera e paracaktuar

të shumëfishta

Atributi i shumëfishtë ju lejon të specifikoni disa skedarë në të njëjtën kohë në fushën për ngarkimin e skedarëve, si dhe disa adresa Email. Kur përdorni dy ose më shumë adresat postare ato duhet të ndahen me presje.

Sintaksë

vlerat

Vlera e paracaktuar

Atributi i shumëfishtë është i çaktivizuar si parazgjedhje.

emri

Përcakton një emër unik për elementin e formës. Në mënyrë tipike, ky emër përdoret kur dërgoni të dhëna në server ose kur aksesoni të dhënat e futura në terren nëpërmjet skripteve.

Sintaksë

vlerat

Emri është një grup karakteresh, duke përfshirë numra dhe shkronja. JavaScript është i ndjeshëm ndaj shkronjave të vogla, kështu që kur i referoheni një elementi me emër, përdorni të njëjtën drejtshkrim si në atributin e emrit.

Vlera e paracaktuar

model

Përcakton një shprehje të rregullt që kërkon që ju të vendosni dhe vërtetoni të dhënat në një fushë formulari. Nëse atributi model është i pranishëm, atëherë formulari nuk do të dorëzohet derisa fusha të plotësohet saktë.

Mbështetja e shfletuesit

A mund të përdor modelin e hyrjes? Të dhënat për mbështetjen për veçorinë e modelit të hyrjes nëpër shfletuesit kryesorë nga caniuse.com.

Sintaksë

vlerat

Disa tipike shprehjet e rregullta të listuara në tabelë. një.

Tab. 1. Shprehje të rregullta
Shprehje Përshkrim
d Një shifër nga 0 në 9.
D[^0-9] Çdo karakter përveç një numri.
s Hapësirë.
Vetëm kapital shkronja latine.
Në çdo rast, vetëm një shkronjë latine.
[A-Yaa-yaYo] Vetëm letër ruse në çdo rast.
Çdo shkronjë e alfabetit rus dhe latin.
{3} Tre numra.
{6,} Të paktën gjashtë shkronja latine.
{,3} Jo më shumë se tre shifra.
{5,10} Pesë deri në dhjetë shifra.
^+$ Çdo fjalë në latinisht.
^[A-Zaa-yaЁёs]+$ Çdo fjalë në rusisht duke përfshirë hapësirat.
^[ 0-9]+$ Çdo numër.
{6} Kodi Postar.
d+(,d(2))? Një numër në formatin 1.34 (i ndarë me presje).
d+(.d(2))? Numri në formatin 2.10 (ndarëse pikash).
d(1,3).d(1,3).d(1,3).d(1,3) adresa IP

vendmbajtes

Shfaq tekstin brenda një fushe formulari që zhduket kur merret fokusi ose kur shtypet teksti. Zakonisht shfaqet në gri.

Mbështetja e shfletuesit

A mund të përdor mbajtësin e hyrjes? Të dhënat për mbështetjen për veçorinë e mbajtësit të vendit të hyrjes nëpër shfletuesit kryesorë nga caniuse.com.

Sintaksë

vlerat

Vargu i tekstit. Nëse pritet një hapësirë ​​brenda vargut, ajo duhet të mbyllet në thonjëza të dyfishta ose të vetme.

Vlera e paracaktuar

Lexo vetem

Kur të elementit shtohet atributi vetëm për lexim, fusha e tekstit nuk mund të modifikohet nga përdoruesi, duke përfshirë hyrjen tekst i ri ose modifikoni një ekzistues. Megjithatë, gjendja dhe përmbajtja e fushës mund të ndryshohet duke përdorur skriptet dhe të dhënat dërgohen në server.

Sintaksë

vlerat

Vlera e paracaktuar

Si parazgjedhje, ky atribut është i çaktivizuar.

kërkohet

Vendos një fushë formulari që të kërkohet përpara se të dërgoni formularin në server. Nëse fusha e kërkuar është bosh, shfletuesi do të shfaqë një mesazh gabimi dhe formulari nuk do të dorëzohet. Lloji dhe përmbajtja e mesazhit varet nga shfletuesi dhe nuk mund të ndryshohet nga përdoruesi.

Sintaksë

vlerat

Vlera e paracaktuar

E paracaktuar atributi i kërkuar i fikur.

madhësia

Gjerësia e fushës së tekstit, e cila përcaktohet nga numri i karaktereve në fontin monospace. Me fjalë të tjera, gjerësia jepet nga numri i shkronjave ngjitur me të njëjtën gjerësi horizontale. Nëse madhësia e shkronjave ndryshohet duke përdorur stilet, gjerësia gjithashtu ndryshon në përputhje me rrethanat.

Sintaksë

vlerat

Çdo numër i plotë pozitiv.

Vlera e paracaktuar

src

Adresa e skedarit grafik që do të shfaqet në faqen e internetit në fushën e imazhit. Skedarët më të njohur në Formati PNG dhe JPEG.

Sintaksë

vlerat

Vlera është e plotë ose rrugë relative në dosje.

Vlera e paracaktuar

hap

Cakton rritjen e numrit për rrëshqitësit dhe fushat e futjes së numrave.

Sintaksë

vlerat

Çdo numër i plotë ose thyesor.

Vlera e paracaktuar

lloji

I tregon shfletuesit se çfarë lloji është elementi i formës.

Mbështetja e shfletuesit

email, tel, url:

A mund të përdor input-email-tel-url? Të dhënat për mbështetjen për veçorinë input-email-tel-url nëpër shfletuesit kryesorë nga caniuse.com.

A mund të përdor ngjyrën hyrëse? Të dhëna për mbështetjen për veçorinë e ngjyrave hyrëse në shfletuesit kryesorë nga caniuse.com.

A mund të përdor intervalin e hyrjes? Të dhëna për mbështetjen për veçorinë e intervalit të hyrjes nëpër shfletuesit kryesorë nga caniuse.com.

A mund të përdor numrin e hyrjes? Të dhënat për mbështetjen për veçorinë e numrave të hyrjes nëpër shfletuesit kryesorë nga caniuse.com.

A mund të përdor kërkimin e hyrjes? Të dhëna për mbështetjen për veçorinë e kërkimit të hyrjes nëpër shfletuesit kryesorë nga caniuse.com.

data, ora, datakoha:

A mund të përdor kohën e hyrjes? Të dhëna për mbështetjen për veçorinë e hyrjes-datë në shfletuesit kryesorë nga caniuse.com.

Sintaksë

vlerat

Vlerat e llojit:

  • buton - Buton.
  • kutia e kontrollit - Kutitë e kontrollit. Ju lejon të zgjidhni më shumë se një opsion nga opsionet.
  • file - Fusha për futjen e emrit të skedarit që dërgohet në server.
  • fshehur - Fushë e fshehur. Nuk shfaqet në asnjë mënyrë në faqen e internetit.
  • imazh - Fusha me imazhin. Kur klikoni në një imazh, të dhënat e formularit dërgohen në server.
  • fjalëkalimi - Një fushë teksti normale, por ndryshon nga ajo në atë që të gjithë karakteret shfaqen si yll. Ai synon të sigurojë që askush të mos shikojë në fjalëkalimin e futur.
  • radio - Çelësat. Përdoret kur duhet të zgjidhni një opsion nga disa opsione.
  • rivendosja - Një buton për të rivendosur të dhënat e formularit në vlerën e tij origjinale.
  • Submit - Butoni për dërgimin e të dhënave të formularit në server.
  • teksti - Fusha e tekstit. Projektuar për futjen e karaktereve duke përdorur tastierën.

Vlerat e reja të shtuara në HTML5:

  • ngjyra - Widget për zgjedhjen e ngjyrave.
  • data - Një fushë për zgjedhjen e një date kalendarike.
  • datatime - Përcakton datën dhe orën.
  • datetime-local - Përcakton datën dhe orën lokale.
  • email - Për adresat e emailit.
  • numri - Futni numrat.
  • diapazoni - Një rrëshqitës për zgjedhjen e numrave brenda intervalit të specifikuar.
  • kërkimi - Fusha e kërkimit.
  • tel - Për numrat e telefonit.
  • kohë - Për kohën.
  • url - Për adresat e internetit.
  • muaj - Zgjidhni muajin.
  • javë - Zgjedhja e javës.

Vlera e paracaktuar

vlerë

Përcakton vlerën e elementit të formës që do të dërgohet në server ose do të merret duke përdorur skriptet e klientit. Një çift “name=value” dërgohet në server, ku jepet emri atribut emri element , dhe vlera është atributi i vlerës.

Në varësi të llojit të elementit, atributi vlera ka rolin e mëposhtëm:

  • për butonat (lloji i hyrjes = "button | rivendos | dorëzo") vendos etiketën e tekstit mbi to;
  • për fushat e tekstit (lloji i hyrjes = "fjalëkalimi | tekst") specifikon vargun e futur më parë. Përdoruesi mund të fshijë tekstin dhe të fusë karakteret e veta, por kur përdoret në butonin Reset të formularit, teksti i përdoruesit pastrohet dhe vlera e futur në atributin e vlerës rikthehet;
  • për kutitë e kontrollit dhe butonat e radios (lloji i hyrjes = "kutia e kontrollit | radio") identifikon në mënyrë unike çdo element në mënyrë që klienti ose program server mund të përcaktojë pa mëdyshje se cilin artikull kishte zgjedhur përdoruesi.
  • për një fushë skedari (lloji i hyrjes = "skedar") nuk ka efekt.

Sintaksë

vlerat

Çdo varg teksti.

Vlera e paracaktuar

Vlerat e rolit ARIA

  • -role=buton
  • -role=kontrolli
  • -role=kuti teksti
  • -role=buton
  • -role=spinbutton
  • -role=radio
  • - rol=rrëshqitës
  • -role=buton
  • -role=kutia e kërkimit
  • -role=buton
  • -role=kuti teksti
  • -role=kuti teksti
  • -role=combobox
  • -role=kuti teksti

Etiketë është një nga elementët e formës të gjithanshme dhe ju lejon të krijoni elemente të ndryshme ndërfaqen dhe sigurojnë ndërveprimin e përdoruesit. Kryesisht është krijuar për të krijuar fusha teksti, butona të ndryshëm, çelësa dhe kuti kontrolli. Edhe pse elementi nuk ka nevojë të vendoset brenda enës , e cila përcakton formën, por nëse të dhënat e futura nga përdoruesi duhet të dërgohen në server, ku përpunohen nga programi CGI, atëherë duhet të specifikohet FORM. E njëjta gjë vlen edhe në rastin e përpunimit të të dhënave duke përdorur aplikacionet e klientit siç janë skriptet JavaScript.

Parametri kryesor i etiketës , i cili përcakton llojin e elementit - tip. Ju lejon të vendosni elementët e mëposhtëm të formës: fushën e tekstit (tekst), fushën e fjalëkalimit (fjalëkalimin), çelësin (radio), kutinë e kontrollit (kutia e kontrollit), fushën e fshehur (të fshehur), butonin (butonin), butonin për dorëzimin e formularit (paraqisni ), butoni për të pastruar formularin (rivendosje), një fushë për të dërguar një skedar (skedar) dhe një buton me një imazh (imazh). Çdo element ka listën e vet të parametrave që përcaktojnë pamjen dhe karakteristikat e tij.

Sintaksë

Parametrat

Përshkrimi i parametrave të etiketës


Parametri ALIGN

Përcakton se si të përafrohet fusha e imazhit me tekstin ose elementët e tjerë të formës.

Sintaksë

Argumentet

  • fund- Vendosni kufirin e poshtëm të figurës me tekstin përreth
  • majtas- Përafron imazhin në skajin e majtë të dritares
  • e mesme- Përafron mesin e figurës me vijën bazë të vijës aktuale.
  • drejtë- Përafron imazhin në skajin e djathtë të dritares.
  • krye- Kufiri i sipërm i figurës përafrohet me elementin më të lartë të linjës aktuale.

Vlera e paracaktuar është fundi. Shfletuesit gjithashtu mbështesin argumentet absfund, absmid, bazë Dhe teksti në krye, të cilat nuk janë të përfshira në specifikimin HTML 4.01.

Opsioni ALT

Parametri alt vendos tekstin alternativ për fushën e imazhit. Një tekst i tillë ju lejon të merrni informacione tekstuale për figurën kur ngarkimi i imazheve është i çaktivizuar në shfletues. Meqenëse imazhet ngarkohen pasi shfletuesi merr informacion rreth tyre, teksti zëvendësues për imazhin shfaqet më herët. Dhe ndërsa ngarkohet, teksti do të zëvendësohet nga një imazh. Shfletuesit shfaqin gjithashtu tekstin alternativ si një këshillë mjeti që shfaqet kur vendosni miun mbi një imazh.

Sintaksë

Vlera mund të jetë çdo varg teksti i përshtatshëm. Duhet të mbyllet në thonjëza të dyfishta ose teke.

Parametri BORDER

Shfletuesit përpunojnë imazhet e shtuara nëpërmjet një etikete , të ngjashme me fotografitë e krijuara me etiketën . Duke përfshirë rreth imazhit, mund të shtoni një kornizë, ngjyra e së cilës përputhet me ngjyrën e tekstit.

Sintaksë

Vlera e vlefshme është çdo numër i plotë pozitiv në piksel. Vlera e paracaktuar është 0.

Parametri i Kontrolluar

Ky cilësim përcakton nëse një element i formës, si kutia e zgjedhjes ose butoni i radios, është i parashënuar. Në rastin e përdorimit të radiobutonave, vetëm një element i grupit mund të kontrollohet, për kutitë e kontrollit lejohet të kontrollohen të paktën të gjithë elementët.

Sintaksë


Parametri DISABLED

Bllokon aksesin dhe modifikimin e fushës së formularit. Në këtë rast, ai shfaqet në gri dhe nuk mund të aktivizohet nga përdoruesi. Përveç kësaj, një fushë e tillë nuk mund të marrë fokusin duke shtypur tastin Tab, miun ose ndryshe. Megjithatë, kjo gjendje e fushës mund të ndryshohet duke përdorur skriptet.

Sintaksë

Parametri MAXLENGTH

Vendos numrin maksimal të karaktereve që një përdorues mund të fusë në një fushë teksti. Kur arrihet ky numër gjatë shkrimit, futja e mëtejshme bëhet e pamundur.

Sintaksë


Parametri NAME

Përcakton një emër unik për elementin e formës. Në mënyrë tipike, ky emër përdoret kur dërgoni të dhëna në server ose kur aksesoni të dhënat e futura në terren nëpërmjet skripteve.

Sintaksë

Emri është një grup karakteresh, duke përfshirë numra dhe shkronja. JavaScript është i ndjeshëm ndaj shkronjave të vogla, kështu që kur i referoheni një elementi me emër, përdorni të njëjtën drejtshkrim si parametri i emrit.

Parametri READONLY

Kur të etiketoni shtohet parametri vetëm për lexim, fusha e tekstit nuk mund të ndryshohet nga përdoruesi, duke përfshirë futjen e tekstit të ri ose modifikimin e atij ekzistues. Përveç kësaj, një fushë e tillë nuk mund të marrë fokusin duke shtypur tastin Tab, miun ose ndryshe. Megjithatë, gjendja dhe përmbajtja e fushës mund të ndryshohet duke përdorur skriptet.

Sintaksë


Parametri SIZE

Gjerësia e fushës së tekstit, e cila përcaktohet nga numri i karaktereve në fontin monospace. Me fjalë të tjera, gjerësia jepet nga numri i shkronjave ngjitur me të njëjtën gjerësi horizontale. Nëse madhësia e shkronjave ndryshohet duke përdorur stilet, gjerësia gjithashtu ndryshon në përputhje me rrethanat.

Sintaksë

Vlera e vlefshme është çdo numër i plotë pozitiv.

Parametri SRC

Adresa e skedarit grafik që do të shfaqet në faqen e internetit në fushën e imazhit.

Sintaksë

Vlera pranon rrugën e plotë ose relative të skedarit.

Parametri TYPE

Parametri i llojit të kërkuar i tregon shfletuesit se çfarë lloji është elementi i formës.

Sintaksë

Argumentet

  • butonin- Butoni.
  • kutia e kontrollit- Kutitë e kontrollit. Ju lejon të zgjidhni më shumë se një opsion nga opsionet.
  • dosje- Fusha për futjen e emrit të skedarit që dërgohet në server.
  • i fshehur- Fushë e fshehur. Nuk shfaqet në asnjë mënyrë në faqen e internetit.
  • imazh- Fushë me një imazh. Kur klikoni në një imazh, të dhënat e formularit dërgohen në server.
  • fjalëkalimin- Një fushë teksti normale, por ndryshon nga ajo në atë që të gjithë karakteret shfaqen si yll. Ai synon të sigurojë që askush të mos shikojë në fjalëkalimin e futur.
  • radio- Çelësat. Përdoret kur duhet të zgjidhni një opsion nga disa opsione.
  • rivendosur- Butoni për të kthyer të dhënat e formularit në vlerën e tij origjinale.
  • paraqesin- Butoni për të dërguar të dhënat e formularit në server.
  • teksti- Fusha e tekstit. Projektuar për futjen e karaktereve duke përdorur tastierën.

Vlera e paracaktuar është teksti.

Parametri VALUE

Përcakton vlerën e elementit të formës që do të dërgohet në server ose do të merret duke përdorur skriptet e klientit. Një çift "name=value" dërgohet në server, ku emri specifikohet nga parametri i emrit të etiketës. , dhe vlera është parametri i vlerës.

Në varësi të llojit të elementit, parametri i vlerës ka rolin e mëposhtëm:

  • për butonat (lloji i hyrjes = "button | rivendos | dorëzo") vendos etiketën e tekstit mbi to;
  • për fushat e tekstit (lloji i hyrjes = "fjalëkalimi | tekst") specifikon një varg të futur më parë. Përdoruesi mund të fshijë tekstin dhe të fusë karakteret e tij, por kur përdoret në butonin Reset të formularit, teksti i përdoruesit pastrohet dhe vlera e futur në parametrin e vlerës rikthehet;
  • për kutitë e kontrollit dhe butonat e radios (lloji i hyrjes = "kutia e kontrollit | radio") identifikon në mënyrë unike çdo artikull në mënyrë që një program klient ose server të mund të përcaktojë në mënyrë unike se cilin artikull ka zgjedhur përdoruesi.

Unë mendoj se shumë shtypës (dhe jo vetëm) duhej të shtypnin fushat e tekstit ( ), duke u dhënë atyre madhësi arbitrare. Por si të bëjmë elementi i dhënë gome dhe plotëson kushtet:

  1. Mundësia e instalimit të çdo horizontale dhe dhëmbëzimet vertikale në tekst;
  2. Një element duhet të zërë të gjithë kontejnerin në të cilin është vendosur;
  3. Klikimi kudo në fushën e tekstit vendos kursorin në të.

Përgjigja është mjaft e thjeshtë dhe zgjidhet me metodën e mëposhtme:

Së pari, duhet të kuptoni se çfarë ndodh me një element hyrës kur vendosni gjerësinë e tij në 100% dhe shtoni mbushje majtas dhe djathtas të tekstit.
Sipas standardeve CSS (dhe në këtë rast të gjithë shfletuesit i mbështesin ato), gjerësia që rezulton elementi hyrës, në mungesë të kufijve ( kufiri) dhe kufijtë e marzhit ( diferencë), do të jetë e barabartë me:

gjerësi = gjerësi + mbushje-majtas + mbushje-djathtas

ato. do të jetë më i madh për nga sasia e dhëmbëzimeve të brendshme horizontale, dhe elementi që rezulton do të zgjasë përtej zonës së caktuar për të.
Për ta bërë gjerësinë përfundimtare të barabartë me 100%, mund të përdorni një sistem me dy kontejnerë:


Çdo enë ka rolin e vet:

  1. input-gjerësia– ky kontejner vendos gjerësinë që rezulton në fushën e tekstit;
  2. gjerësi vendosës- kjo enë vendos gjerësinë e elementit hyrës minus mbushjen horizontale.
Këtu është një grup stilesh që do të qartësojnë këtë ndërtim:

Input-width (lartësia:23px; kufiri:1px solid #999; sfond:#fff;) ; mbushje:4px 9px 5px; margjina:0; font-familje:Tahoma, Geneva, sans-serif;madhësia e shkronjave:12px;lartësia e rreshtit:14px;ngjyra:#000;kufiri:0 asnjë; sfondi:#9C6; )
Shembulli 1

Nga stilet rezulton se elementi input-gjerësia specifikon gjerësinë që duhet të kishte marrë fusha e tekstit. Elementi gjerësi vendosës vendos gjerësinë e elementit hyrës të jetë më e vogël se horizontale mbushje. Vlen të përmendet se mbushja e saj e jashtme e diferencës ( diferencë) duhet të jetë i barabartë mbushje-majtas Dhe mbushje djathtas për elementin hyrës.
Me këtë përshkrim, elementi hyrës do të dalë nga gjerësi vendosës nga sasia e dhëmbëzimeve të tyre horizontale ( mbushje), dhe në IE6 - shtrini të gjithë "prindërit" në madhësinë e tyre (shembulli 1). Gjithashtu në shfletuesit IE6-7, elementi i hyrjes ka mbushje që nuk mund të hiqet duke vendosur vetinë në zero. diferencë. Për të ndryshuar këtë pozicion, duhet të zhvendosni fushën e tekstit në të majtë, sipas madhësisë së dhëmbëzimit të majtë ( mbushje-majtas). Këtë mund ta bëni përmes pozicionit: relative, por në IE6 ai do të mbetet i shtrirë në gjerësinë e tekstit fushat e hyrjes enë gjerësi vendosës. Për të eliminuar shtrirjen, duhet të siguroheni që elementi nuk mund të ndikojë në madhësinë e prindit të tij duke vendosur, për shembull, pozicioni: absolut.
Le të përshkruajmë grupin fillestar të kontejnerëve në një mënyrë të re:

Input-width (lartësia:23px; kufiri:1px solid #999; sfondi:#fff;) ; lartësia: 14 px; mbushja: 4 px 9 px 5 px; margjina: 0; font-familja: Tahoma, Geneva, sans-serif; madhësia e shkronjave: 12 px; lartësia e rreshtit: 14 px; ngjyra: # 000; kufiri: 0 asnjë; sfondi :#9C6; pozicioni:absolute; majtas:-9px; lart:0;)
Shembulli 2

Si rezultat, kur aplikohen stile të tilla, detyrat e vendosura në fillim përfundojnë. Fusha e tekstit doli me dhëmbëzimet e dhëna gome dhe e klikueshme në cilindo nga vendet e saj.
Për të vendosur një gjerësi specifike për elementin përfundimtar, ju duhet vetëm të vendosni veçorinë gjerësia për kontejner input-gjerësia.

shënim. Metoda e dhënë e zbatimit të një fushe teksti gome është testuar në Doctype: HTML 4.01, XHTML 1.0 dhe HTML (HTML 5) - dhe është e pajtueshme me ndërshfletuesit: IE6-8, Opera 9+, FF 2.0+, Safari 2.0+, Chrome . Në mungesë të një Doctype, performanca e metodës ndër-shfletues nuk është e garantuar.

Unë mendoj se shumë shtypës (dhe jo vetëm) duhej të shtypnin fushat e tekstit ( ), duke u dhënë atyre madhësi arbitrare. Por si ta bëni këtë element gome dhe të plotësoni kushtet:

  1. Aftësia për të vendosur çdo indent horizontal dhe vertikal për tekstin;
  2. Një element duhet të zërë të gjithë kontejnerin në të cilin është vendosur;
  3. Klikimi kudo në fushën e tekstit vendos kursorin në të.

Përgjigja është mjaft e thjeshtë dhe zgjidhet me metodën e mëposhtme:

Së pari, duhet të kuptoni se çfarë ndodh me një element hyrës kur vendosni gjerësinë e tij në 100% dhe shtoni mbushje majtas dhe djathtas të tekstit.
Sipas standardeve CSS (dhe në këtë rast të gjithë shfletuesit i mbështesin), gjerësia që rezulton e elementit të hyrjes, pa kufij ( kufiri) dhe kufijtë e marzhit ( diferencë), do të jetë e barabartë me:

gjerësi = gjerësi + mbushje-majtas + mbushje-djathtas

ato. do të jetë më i madh për nga sasia e dhëmbëzimeve të brendshme horizontale, dhe elementi që rezulton do të zgjasë përtej zonës së caktuar për të.
Për ta bërë gjerësinë përfundimtare të barabartë me 100%, mund të përdorni një sistem me dy kontejnerë:


Çdo enë ka rolin e vet:

  1. input-gjerësia– ky kontejner vendos gjerësinë që rezulton në fushën e tekstit;
  2. gjerësi vendosës- kjo enë vendos gjerësinë e elementit hyrës minus mbushjen horizontale.
Këtu është një grup stilesh që do të qartësojnë këtë ndërtim:

Input-width (lartësia:23px; kufiri:1px solid #999; sfond:#fff;) ; mbushje:4px 9px 5px; margjina:0; font-familje:Tahoma, Geneva, sans-serif;madhësia e shkronjave:12px;lartësia e rreshtit:14px;ngjyra:#000;kufiri:0 asnjë; sfondi:#9C6; )
Shembulli 1

Nga stilet rezulton se elementi input-gjerësia specifikon gjerësinë që duhet të kishte marrë fusha e tekstit. Elementi gjerësi vendosës vendos gjerësinë e elementit hyrës më pak se mbushja horizontale. Vlen të përmendet se mbushja e saj e jashtme e diferencës ( diferencë) duhet të jetë i barabartë mbushje-majtas Dhe mbushje djathtas për elementin hyrës.
Me këtë përshkrim, elementi hyrës do të dalë nga gjerësi vendosës nga sasia e dhëmbëzimeve të tyre horizontale ( mbushje), dhe në IE6 - shtrini të gjithë "prindërit" në madhësinë e tyre (shembulli 1). Gjithashtu në shfletuesit IE6-7, elementi i hyrjes ka mbushje që nuk mund të hiqet duke vendosur vetinë në zero. diferencë. Për të ndryshuar këtë pozicion, duhet të zhvendosni fushën e tekstit në të majtë, sipas madhësisë së dhëmbëzimit të majtë ( mbushje-majtas). Ju mund ta bëni këtë përmes pozicionit:relativ, por në IE6 ai do të mbetet i shtrirë për t'iu përshtatur gjerësisë së kontejnerit të futjes së fushës së tekstit gjerësi vendosës. Për të eliminuar shtrirjen, duhet të siguroheni që elementi nuk mund të ndikojë në madhësinë e prindit të tij duke vendosur, për shembull, pozicioni: absolut.
Le të përshkruajmë grupin fillestar të kontejnerëve në një mënyrë të re:

Input-width (lartësia:23px; kufiri:1px solid #999; sfondi:#fff;) ; lartësia: 14 px; mbushja: 4 px 9 px 5 px; margjina: 0; font-familja: Tahoma, Geneva, sans-serif; madhësia e shkronjave: 12 px; lartësia e rreshtit: 14 px; ngjyra: # 000; kufiri: 0 asnjë; sfondi :#9C6; pozicioni:absolute; majtas:-9px; lart:0;)
Shembulli 2

Si rezultat, kur aplikohen stile të tilla, detyrat e vendosura në fillim përfundojnë. Fusha e tekstit doli me dhëmbëzat e dhëna gome dhe e klikueshme në cilindo nga vendet e saj.
Për të vendosur një gjerësi specifike për elementin përfundimtar, ju duhet vetëm të vendosni veçorinë gjerësia për kontejner input-gjerësia.

shënim. Metoda e dhënë e zbatimit të një fushe teksti gome është testuar në Doctype: HTML 4.01, XHTML 1.0 dhe HTML (HTML 5) - dhe është e pajtueshme me ndërshfletuesit: IE6-8, Opera 9+, FF 2.0+, Safari 2.0+, Chrome . Në mungesë të një Doctype, performanca e metodës ndër-shfletues nuk është e garantuar.

Artikujt kryesorë të lidhur