Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ
  • në shtëpi
  • OS
  • Fushat e tekstit. Parametrat e gjerësisë dhe lartësisë Css për vendosjen e dimensioneve të elementeve të faqes html

Fushat e tekstit. Parametrat e gjerësisë dhe lartësisë Css për vendosjen e dimensioneve të elementeve të faqes html

Përditësimi i fundit: 08.04.2016

Një kuti teksti me një rresht krijohet me një element hyrës kur është tip atributështë teksti:

Një numër atributesh shtesë mund të përdoren për të personalizuar kutinë e tekstit:

    dirname: vendos drejtimin e tekstit

    gjatësia maksimale: maksimale sasia e lejuar karaktere në kutinë e tekstit

    model: përcakton modelin që duhet të përputhet me tekstin hyrës

    mbajtësi i vendndodhjes: vendos tekstin që shfaqet në kutinë e tekstit si parazgjedhje

    vetëm për lexim: e bën fushën e tekstit vetëm për lexim

    kërkohet: tregon se fusha e tekstit duhet të ketë një vlerë

    madhësia: vendos gjerësinë e kutisë së tekstit në karaktere të dukshme

    vlera: vendos vlerën e paracaktuar në kutinë e tekstit

Le të zbatojmë disa atribute:

<a href="https://bumotors.ru/sq/html-mnogostrochnyi-input-tekstovye-polya-ii-vvod-dannyh-cherez.html">Fushat e tekstit</a> në HTML5

Ky shembull përcakton atributet e gjatësisë maksimale dhe madhësisë në kutinë e dytë të tekstit. Në këtë rast, madhësia - domethënë, numri i karaktereve që përshtaten në hapësirën e dukshme të fushës është më i madh se numri i lejuar i karaktereve. Sidoqoftë, ne nuk do të jemi në gjendje të fusim karaktere më shumë se gjatësia maksimale.

V në këtë rastështë gjithashtu e rëndësishme të bëhet dallimi midis atributeve të vlerës dhe mbajtësit të vendit, edhe pse të dyja vendosen tekst i dukshëm në fushë. Gjithsesi, mbajtësi i vendndodhjes vendos një lloj sugjerimi ose urdhri për të dhëna, kështu që zakonisht kontrollohet në gri... Ndërsa vlera përfaqëson tekstin e paracaktuar të futur në fushë:

Atributet vetëm për lexim dhe të çaktivizuar e bëjnë fushën e tekstit të paarritshme, megjithatë, ato shoqërohen me të ndryshme efekt vizual... Në rastin e çaktivizimit, fusha e tekstit është e hijezuar:

Ndër atributet e fushës së tekstit, duhet të theksohet edhe një atribut i tillë si lista. Ai përmban një referencë për një element të listës së të dhënave, i cili përcakton një grup vlerash që shfaqen si një aluzion ndërsa shkruani në një kuti teksti. Për shembull:

Fushat e tekstit në HTML5

Atributi list i kutisë së tekstit tregon id-në e elementit të listës së të dhënave. Vetë elementi i listës së të dhënave përdor elementet e opsioneve të mbivendosura për të përcaktuar elementet e listës. Dhe ndërsa shkruani në kutinë e tekstit, kjo listë shfaqet si një këshillë veglash.

Fusha e kërkimit

Për të krijuar fusha kërkimi, përdorni elementin hyrës me tiparin = "kërko". Formalisht, është një fushë e thjeshtë teksti:

Kërko në HTML5

Fusha e futjes së fjalëkalimit

Për të futur një fjalëkalim, përdorni elementin hyrës me atributin tip = "fjalëkalim". E tij shenjë dallueseështë se karakteret e futura janë të maskuara me pika:

Në funksionin printf (), është e mundur të vendosni daljen e variablave të një formati të caktuar, domethënë, mund të vendosni gjerësinë e fushës së ndryshores, të përcaktoni saktësinë e daljes së variablave realë, të përcaktoni llojin e shtrirjes së të dhënave, etj. Në këtë rast, specifikimi i formatit shkruhet në këtë formë:

% [flamur] [gjerësia].Specifikim [preciz]

ku flamuri - lloji i shtrirjes (bosh - shtrirje djathtas, `–` - shtrirje majtas,` + `- printoni gjithmonë një shenjë numerike);

gjerësia - gjatësia totale e fushës së daljes, d.m.th. numri i përgjithshëm i karaktereve në dalje, duke përfshirë shenjën dhe pikën dhjetore;

saktësi - numri i shifrave pas pikës dhjetore.

Shembuj të specifikimeve të formatit:

% 12.4f - prodhimi i një ndryshoreje reale me arsyetim të drejtë, numri i përgjithshëm i karaktereve në dalje është –12 pozicione, numri i karaktereve pas presjes dhjetore është 4;

% - + 10.0f - prodhimi i një ndryshoreje reale me shtrirje majtas dhe dalje të detyrueshme të shenjës së një numri, gjatësia totale e fushës së daljes është 10 pozicione, shenjat pas presjes dhjetore nuk shfaqen;

% 08d - shfaqja e një ndryshoreje të plotë me shtrirje djathtas, gjerësia e fushës - 8 pozicione, në të majtë numri është i mbushur me zero;

% 16s - prodhimi i linjës, gjerësia e fushës së daljes - 16 pozicione.

3.3. Funksioni i hyrjes së formatuar Scanf ().

3.3.1. Qëllimi dhe përshkrimi i funksionit

Funksioni ju lejon të futni informacion nga tastiera. Funksioni përcaktohet në bibliotekë ... Sintaksë:

scanf (<управляющая строка>, <список адресов переменных>);

ku<управляющая строка>- një varg që mund të përmbajë vetëm specifikimet e formatit, një listë vlerat e pranueshme specifikimet janë të njëjta si për funksionin printf () (shih Tabelën 3.1.);

<список адресов переменных>- përmban adresat e variablave të futura nga funksioni, të renditura të ndara me presje. Adresa e një ndryshoreje tregohet me simbolin & e ndjekur nga identifikuesi i ndryshores, për shembull, adresa e ndryshores së flamurit shënohet me & flag. Karakteri & është opsional për vargje dhe vargje.

Koment: Kur përdorni funksionin scanf () në linja e kontrollitështë e padëshirueshme të përdoren ndonjë karakter shtesë (madje edhe hapësira), përveç specifikimeve. Ju nuk mund të përdorni as karaktere speciale.

1) Futni nga tastiera variablat e popullsisë dhe moshës të llojeve numër i plotë i gjatë dhe numër real:

scanf (“% ld% f”, & popullsia, & mosha);

2) Futni nga tastiera variablin e plotë kod në format heksadecimal, emrin e vargut dhe variablin real me saktësi të dyfishtë:

scanf (“% x% s% lf”, & kodi, emri dhe saktësia);

Kur futni variabla të shumtë, shiriti i hapësirës, ​​skeda dhe ENTER janë kufijtë mes tyre.

3.3.2. Shembulli 3.1

Konsideroni një program që llogarit vlerën e funksionit y = sin (x) për dy vlera të argumentit të futura në tastierë. Në këtë rast, shfaqja duhet të kryhet në formën e tabelës së mëposhtme (gjerësia e fushës së secilës variabël është 8 pozicione, saktësia është 4 shifra):

Listimi 3.1

/ * Programi për llogaritjen e funksionit y = sin (x) * /

#përfshi

#përfshi

noton x1, x2, y1, y2;

printf ("fut dy vlera për argumentin: \ n");

scanf (“% f% f”, & x1, & x2);

printf ("\ n | x | y |");

printf (“\ n | –––––––– | –––––––– | \ n”);

printf ("|% 8.4f |% 8.4f | \ n", x1, y1);

printf ("|% 8.4f |% 8.4f | \ n", x2, y2);

Format HTML janë kontrolle që përdoren për të mbledhur informacion nga vizitorët e faqes në internet.

Format e uebit përbëhen nga një koleksion kutish teksti, butonash, listash dhe kontrollesh të tjera që mund të klikohen. Teknikisht, format transferojnë të dhëna nga një përdorues në një server të largët.

Për marrjen dhe përpunimin e të dhënave të formularit, përdoren gjuhët e programimit në ueb, si p.sh PHP, Perl.

Përpara HTML5, format e uebit ishin një koleksion elementësh të shumtë. , duke përfunduar me një buton ... U desh shumë përpjekje për të stiluar format në shfletues të ndryshëm. Për më tepër, formularët kërkonin përdorimin e JavaScript për të vërtetuar të dhënat e futura, dhe gjithashtu u privuan nga lloje specifike të fushave hyrëse për specifikimin e informacionit të përditshëm si datat, adresat. Email dhe url.

Format HTML5 zgjidhi shumicën e këtyre problemeve të zakonshme duke prezantuar atribute të reja duke ofruar aftësinë për të ndryshuar pamjen elementet e formës përmes CSS3.

Oriz. 1. Forma të përmirësuara të uebit me HTML5

Krijimi i formularit HTML5

1. Element

Çdo formë bazohet në një element ...... Nuk parashikon futjen e të dhënave, pasi është një kontejner që mban të gjitha kontrollet e formularit - fusha... Atributet e këtij elementi përmbajnë informacion që është i përbashkët për të gjitha fushat e formularit, kështu që ju duhet të përfshini fushat e kombinuara logjikisht në një formë.

Tabela 1. Atributet e etiketës
atribut Kuptimi / Përshkrimi
pranoj-shfaqje Vlera e atributit është një hapësirë ​​e kufizuar lista e kodimit të karaktereve që do të përdoret për të dorëzuar formularin, për shembull .
veprim Atributi i kërkuar i cili specifikon url-në e trajtuesit të formularit në server në të cilin kalohen të dhënat. Është një skedar (për shembull, action.php) që përshkruan se çfarë duhet bërë me të dhënat e formularit. Nëse vlera e atributit nuk është e specifikuar, atëherë pas ringarkimit të faqes, elementët e formularit do të marrin vlerat e tyre të paracaktuara.
Në rast se e gjithë puna do të bëhet nga ana e klientit Skriptet JavaScript pastaj për atribut veprimi mund të specifikoni vlerën #.
Ju gjithashtu mund të siguroheni që formulari i plotësuar nga vizitori të arrijë në postën tuaj. Për ta bërë këtë, duhet të bëni hyrjen e mëposhtme:
plotësimi automatik

enctip Përdoret për të treguar MIME-lloji i të dhënave të dërguara me formën, për shembull, enctype = "shumë pjesë / formë-të dhëna". Specifikuar vetëm nëse metoda = "post".
aplikacioni / x-www-form-urlencoded është lloji i paracaktuar i përmbajtjes, që tregon se të dhënat e paraqitura janë një listë e variablave të formës së koduar me URL. Karakteret e hapësirës (ASCII 32) do të kodohen si +, dhe karakteret speciale si p.sh.! do të kodohet në heks si% 21.
shumëpjesësh/formë-të dhëna - përdoret për të paraqitur formularë që përmbajnë skedarë, të dhëna jo-ASCII dhe të dhëna binare, përbëhet nga disa pjesë, secila prej të cilave përfaqëson përmbajtjen element individual forma.
tekst / i thjeshtë - tregon që teksti i thjeshtë (jo html) transmetohet.
metodë Përcakton se si kalohen të dhënat e formularit.
Metoda marrë transferon të dhënat në server nëpërmjet shiriti i adresave shfletuesi. Kur gjeneroni një kërkesë në server, të gjitha variablat dhe vlerat e tyre formojnë një sekuencë si www.anysite.ru/form.php?var1=1&var2=2. Emrat dhe vlerat e variablave i shtohen adresës së serverit pas? dhe ndahen me shenjën &. Gjithçka Simbole të veçanta dhe shkronjat e tjera përveç latinishtes janë të koduara në formatin% nn, hapësira zëvendësohet me +. Kjo metodë duhet të përdoret nëse nuk jeni duke transferuar sasi të mëdha informacioni. Nëse keni ndërmend të dërgoni një skedar së bashku me formularin, kjo metodë nuk do të funksionojë.
Metoda e postimit përdoret për të dërguar sasi të mëdha të dhënash, si dhe informacion konfidencial dhe fjalëkalimet. Të dhënat e dërguara duke përdorur këtë metodë nuk janë të dukshme në kokën e URL-së, sepse ato përmbahen në trupin e mesazhit.
emri Komplete emri i formës që do të përdoret për të aksesuar elementët e formës përmes skripteve, për shembull emri = "opros".
novalidoj Çaktivizon vërtetimin në butonin për dërgimin e formularit. Atributi përdoret pa specifikuar një vlerë
objektiv Specifikon dritaren në të cilën do të drejtohet informacioni:
_bosh - dritare e re
_vetë - e njëjta kornizë
_parent - korniza prind (nëse ekziston, nëse jo, atëherë në atë aktual)
_lart - dritare niveli më i lartë në lidhje me këtë kornizë. Nëse thirrja nuk është nga një kornizë fëmijësh, atëherë në të njëjtën kornizë.

2. Grupimi i elementeve të formës

Elementi

...
është menduar për grupimin e elementeve të lidhura me njëri-tjetrin, duke e ndarë kështu formën në fragmente logjike.

Çdo grup elementësh mund të emërtohet duke përdorur elementin që pason etiketën

... Emri i grupit shfaqet në të majtë në kufirin e sipërm
... Për shembull, nëse elementi
Informacioni i kontaktit ruhet:

Informacioni i Kontaktit


Oriz. 2. Grupimi i elementeve të formës duke përdorur

Tabela 2. Atributet e etiketës
atribut Kuptimi / Përshkrimi
me aftësi të kufizuara Nëse atributi është i pranishëm, atëherë një grup elementësh të formës së lidhur që janë brenda kontejnerit
i çaktivizuar për plotësimin dhe modifikimin. Përdoret për të kufizuar aksesin në disa fusha formulari që përmbajnë të dhëna të futura më parë. Atributi përdoret pa specifikuar një vlerë -
.
formë
në të njëjtin dokument. Tregon një ose më shumë forma në të cilat ky grup elementet. Në ky moment atributi nuk mbështetet nga asnjë shfletues.
emri Përcakton emri për t'u përdorur për të referuar elementët në JavaScript, ose për të referuar të dhënat e formularit pasi formulari të jetë plotësuar dhe dorëzuar. Analoge me atributin id.

3. Krijo fushat e formularit

Elementi krijon shumicën e fushave të formës. Atributet e elementit ndryshojnë në varësi të llojit të fushës që elementi përdoret për të krijuar.

ME duke përdorur css-stilet, mund të ndryshoni madhësinë e shkronjave, llojin e shkronjave, ngjyrën dhe vetitë e tjera të tekstit, si dhe të shtoni kufij, ngjyrën e sfondit dhe imazhi i sfondit... Gjerësia e fushës përcaktohet nga vetia gjerësi.

Tabela 3. Atributet e etiketës
atribut Kuptimi / Përshkrimi
pranoj Përcakton llojin e skedarit që lejohet të dërgohet në server. Tregohet vetëm për . Vlerat e mundshme:
file_extension - Lejon shkarkimin e skedarëve nga zgjerimin e specifikuar, për shembull, prano = ". gif", prano = ". pdf", prano = ". doc"
audio / * - lejon shkarkimin e skedarëve audio
video / * - lejon ngarkimin e skedarëve video
imazh / * - lejon ngarkimin e imazheve
media_type - tregon llojin e medias së skedarëve të ngarkuar.
alt Përcakton tekst alternativ për imazhe, të treguara vetëm për .
plotësimi automatik Përgjegjës për memorizimin e vlerave të futura në fushën e tekstit dhe zëvendësimin automatik të tyre në futjen e mëvonshme:
on - do të thotë që fusha nuk është e mbrojtur dhe vlera e saj mund të ruhet dhe të merret,
off - çaktivizon plotësimin automatik për fushat e formularit.
fokusim automatik Ju lejon të siguroheni që në formën e ngarkuar kjo ose ajo fushë hyrëse tashmë ka fokus (është zgjedhur), duke qenë gati për të futur një vlerë.
kontrolluar Atributi kontrollon nëse kutia e kontrollit është zgjedhur si parazgjedhje në ngarkimin e faqes për fushat e tipit = "checkbox" dhe lloji = "radio".
me aftësi të kufizuara
formë Vlera e atributit duhet të jetë e barabartë me atributin id të elementit në të njëjtin dokument. Përcakton një ose më shumë forma të cilave u përket kjo fushë formulari.
formimi Vendos url-në e skedarit që do të përpunojë të dhënat e futura në fushat kur të dorëzohet formulari. Është vendosur vetëm për fushat e tipit tip = "submit" dhe type = "image". Ky atribut tejkalon vlerën e atributit të veprimit të vetë formës.
formenctipi Përcakton se si do të kodohen të dhënat e fushës së formularit kur ato të dërgohen në server. Mbështet vlerën e atributit enctype të formës. Është vendosur vetëm për fushat e tipit tip = "submit" dhe type = "image". Opsionet janë:
aplikacioni / -x-www-form-urlencoded është parazgjedhja. Të gjithë karakteret kodohen përpara dërgimit (hapësirat zëvendësohen me +, karakteret speciale konvertohen në vlera ASCII HEX)
shumëpjesësh/formë-të dhëna - karakteret nuk janë të koduara
teksti / i thjeshtë - hapësirat zëvendësohen me karakterin + dhe karakteret speciale nuk janë të koduara.
metodë e formës Atributi specifikon metodën që shfletuesi do të përdorë për të dërguar të dhënat e formularit në server. Është vendosur vetëm për fushat e tipit tip = "submit" dhe type = "image". Mbështet vlerën e atributit të metodës së formularit. Opsionet janë:
merrni është parazgjedhja. Të dhënat nga formulari (çifti emri / vlera) i bashkëngjiten url-së dhe i dërgohen serverit: url? Emri = vlera & emri = vlera
post - Të dhënat e formularit dërgohen si një kërkesë http.
formnovalidate Specifikon që të dhënat e fushës së formularit nuk duhet të vërtetohen kur formulari dorëzohet. Mbështet vlerën e atributit novalidate të formularit. Mund të përdoret pa specifikuar një vlerë atributi.
formtarget Përcakton se ku të shfaqet përgjigja e marrë pasi të jetë dorëzuar formulari. Është vendosur vetëm për fushat e tipit tip = "submit" dhe type = "image". Mbështet vlerën atribut objektiv forma.


_parent - Ngarkon përgjigjen në kornizën prind
_top - ngarkon përgjigjen në ekran të plotë
emri i kornizës - Ngarkon përgjigjen në një kornizë me emrin e specifikuar.
lartësia Vlera e atributit përmban numrin e pikselëve pa specifikuar një njësi. Vendos lartësinë e një fushe formulari të tipit = "imazh", për shembull ... Rekomandohet të vendosni si lartësinë ashtu edhe gjerësinë e fushës në të njëjtën kohë.
listë Është një referencë për një artikull , përmban ID-në e tij Ju lejon t'i jepni përdoruesit disa opsione për të zgjedhur kur ai fillon të fusë një vlerë në fushën përkatëse.
maksimumi Ju lejon të kufizoni hyrjen e vlefshme numerike vlera maksimale, vlera e atributit mund të përmbajë një numër të plotë ose numër thyesor... Rekomandohet të përdoret ky atribut në lidhje me atributin min. Funksionon me llojet e mëposhtme të fushave: numri, diapazoni, data, ora e datës, data-ora-lokale, muaji, ora dhe java.
gjatesia maksimale Atributi specifikon shuma maksimale karakteret e futura në fushë. Parazgjedhja është 524288 karaktere.
min Ju lejon të kufizoni hyrjen e vlefshme numerike në vlerën minimale.
të shumëfishta Lejon përdoruesin të fusë vlera të shumta të atributeve, të ndara me presje. Zbatohet për skedarët dhe adresat e emailit. Specifikuar pa një vlerë atributi.
emri Përcakton emrin që do të përdoret për të hyrë në element , për shembull, në tabela stilet css... Analoge me atributin id.
model Ju lejon të përcaktoni përdorimin shprehje e rregullt sintaksa e të dhënave që duhet të lejohen në një fushë specifike. Për shembull, modeli = "(3) - (3)" - kllapat katrore vendosin gamën e karaktereve të vlefshme, në këtë rast çdo shkronja të vogla, numri në mbajtëse kaçurrelë tregon se nevojiten tre shkronja të vogla, të ndjekura nga një vizë, e ndjekur nga tre shifra që variojnë nga 0 në 9.
vendmbajtes Përmban tekstin që shfaqet në fushën e hyrjes përpara se të plotësohet (më shpesh është një aluzion).
Lexo vetem Nuk e lejon përdoruesin të ndryshojë vlerat e elementeve të formës, ndërkohë që përzgjedhja dhe kopjimi i tekstit është i disponueshëm. Specifikuar pa një vlerë atributi.
kërkohet Shfaq një mesazh që thotë se kjo fushë është e nevojshme. Nëse përdoruesi përpiqet të dorëzojë formularin pa futur vlerën e kërkuar në këtë fushë, një mesazh paralajmërues do të shfaqet në ekran. Specifikuar pa një vlerë atributi.
madhësia Përcakton gjerësinë e dukshme të margjinës, në karaktere. Parazgjedhja është 20. Punon me llojet e mëposhtme të fushave: tekst, kërkim, tel, url, email dhe fjalëkalim.
src Përcakton url-në e një imazhi që do të përdoret si buton për dërgimin e të dhënave të formularit. Specifikuar vetëm për këtë fushë .
hap Përdoret për artikujt që kërkojnë të dhëna vlerat numerike, tregon shumën për të rritur ose ulur vlerat gjatë rregullimit të diapazonit (hapi).
lloji buton - krijon një buton.
kutia e kontrollit - e kthen fushën e hyrjes në një kuti kontrolli që mund të kontrollohet ose pastrohet, për shembull
Unë kam një makinë
ngjyra - Gjeneron zgjedhës ngjyrash në shfletuesit mbështetës, duke u dhënë përdoruesve mundësinë për të zgjedhur vlerat e ngjyrave në format heksadecimal.
data - ju lejon të vendosni një datë në formatin dd.mm.vvvv.
Ditëlindja:
datatime-local - ju lejon të vendosni datën dhe orën të ndara me shkronja të mëdha Letra angleze Modeli T dd.mm.vvvv hh: mm.
Ditëlindja - dita dhe ora:
email - shfletues që mbështesin atribut i dhënë do të presë që përdoruesi të fusë të dhëna që përputhen me sintaksën e adresave të emailit.
Email:
skedar - ju lejon të ngarkoni skedarë nga kompjuteri i përdoruesit.
Zgjidhni një skedar:
i fshehur - Fsheh një kontroll që nuk është i dukshëm për shfletuesin dhe e pengon përdoruesin të ndryshojë vlerat e paracaktuara.
imazh - krijon një buton, duke ju lejuar të futni një imazh në vend të tekstit në buton.
muaj - Lejon përdoruesin të fusë vitin dhe muajin duke përdorur modelin yyyy-mm.
numër - i destinuar për futjen e vlerave të numrave të plotë. E tij atributet min, max dhe hapi specifikojnë përkatësisht kufijtë e sipërm, të poshtëm dhe hapin ndërmjet vlerave. Këto atribute supozohen për të gjithë artikujt që kanë vlera numerike. Vlerat e tyre të paracaktuar varen nga lloji i elementit.
Tregoni sasinë (nga 1 në 5):
fjalëkalimi - krijon fusha teksti në formë, ndërsa karakteret e futura nga përdoruesi zëvendësohen me yje, shënues ose të tjerë, instaluar nga shfletuesi distinktivët.
Shkruani fjalëkalimin:
radio - krijon një buton radio - një kontroll në formën e një rrethi të vogël që mund të ndizet ose fiket.
Vegjetarian:
diapazoni - do t'ju lejojë të krijoni një element ndërfaqeje të tillë si një rrëshqitës, min / max - do t'ju lejojë të vendosni diapazonin e përzgjedhjes
rivendosja - krijon një buton që fshin fushat e formularit nga të dhënat e futura nga përdoruesi.
kërkimi - tregon një fushë kërkimi, si parazgjedhje fusha e hyrjes është drejtkëndore.
Kërko:
paraqes - krijon butoni standard të klikueshme. Butoni mbledh informacion nga formulari dhe e dërgon atë për përpunim.
tekst - Krijon kuti teksti në një formë, duke nxjerrë një kuti teksti me një rresht për futjen e tekstit.
koha - ju lejon të futni kohën në formatin 24-orësh duke përdorur shabllonin hh: mm. Në shfletuesit mbështetës, ai shfaqet si një kontroll numerik i hyrjes me një vlerë të klikueshme me miun dhe pranon vetëm vlerat e kohës.
Përcaktoni kohën:
url - fusha është menduar për të specifikuar adresat URL.
Faqja Kryesore:
javë - Mjeti i duhur i treguesit lejon përdoruesin të zgjedhë një javë të vitit, dhe më pas ofron futjen e të dhënave në formatin nn-vvvv. Në varësi të vitit, numri i javëve mund të jetë 52 ose 53.
Tregoni javën:
vlerë Përcakton tekstin e shfaqur në një buton, në një kuti ose tekst të lidhur. Nuk është specifikuar për fushat e llojit të skedarit.
gjerësia Vlera e atributit përmban numrin e pikselëve. Ju lejon të vendosni gjerësinë e fushave të formularit.

4. Fushat e futjes së tekstit

Elementi përdoret në vend të elementit kur ju duhet të krijoni kuti të mëdha teksti. Teksti i shfaqur si vlerë origjinale vendoset brenda etiketës. Dimensionet e fushës vendosen duke përdorur atributet cols - dimensionet horizontale, rreshtat - dimensionet vertikale. Lartësia e fushës mund të vendoset me vetinë e lartësisë. Të gjitha madhësitë llogariten në bazë të madhësisë së një karakteri fonti me një hapësirë.

Tabela 4. Atributet e etiketës

7. Butonat

Elementi krijon butona të klikueshëm. Ndryshe nga butonat e krijuar ( , , , ), brenda elementit .

Butonat i lejojnë përdoruesit të dorëzojnë të dhëna në një formular, të pastrojnë përmbajtjen e një formulari ose të ndërmarrin ndonjë veprim tjetër. Mund të krijoni kufij, të ndryshoni sfondin dhe të rreshtoni tekstin në buton.

Tabela 9. Atributet e etiketës
atribut Kuptimi / Përshkrimi
fokusim automatik Vendos fokusin në një buton në ngarkimin e faqes.
me aftësi të kufizuara Çaktivizon butonin, duke e bërë atë jo të klikueshëm.
formë Tregon një ose më shumë forma të cilave i përket ky buton. Vlera e atributit është identifikuesi i formës përkatëse.
formimi Vlera e atributit përmban url-në e trajtuesit për të dhënat e formularit të dërguar kur klikohet butoni. Vetëm për një buton të tipit = "submit". Anulon vlerën e atributit të veprimit të specifikuar për elementin .
formenctipi Përcakton llojin e kodimit të të dhënave të formularit përpara se të dërgohen në server kur klikohen butonat e tipit = "submit". Anulon vlerën e atributit enctype të specifikuar për elementin ... Vlerat e mundshme:
aplikacioni / x-www-form-urlencoded është parazgjedhja. Të gjithë karakteret do të kodohen përpara dërgimit.
shumëpjesësh/formë-të dhëna - karakteret nuk janë të koduara. Përdoret kur skedarët ngarkohen duke përdorur një formular.
teksti / i thjeshtë - karakteret nuk janë të koduara dhe hapësirat zëvendësohen me karakterin +.
metodë e formës Atributi specifikon metodën që shfletuesi do të përdorë për të dorëzuar formularin. Anulon vlerën e atributit të metodës të specifikuar në element ... Është specifikuar vetëm për butonat e tipit = "submit". Vlerat e mundshme:
merrni - të dhënat nga forma (çifti i emrit / vlerës) shtohen në url dhe dërgohen në server. Kjo metodë ka kufizime në madhësinë e të dhënave të dërguara dhe nuk është i përshtatshëm për dërgimin e fjalëkalimeve dhe informacioneve konfidenciale.
post - të dhënat nga formulari shtohen si një kërkesë http. Metoda është më e besueshme dhe më e sigurt se ajo e marrë dhe nuk ka kufi përmasash.
formnovalidate Atributi specifikon që të dhënat e formularit nuk duhet të vërtetohen pas dorëzimit. Është specifikuar vetëm për butonat e tipit = "submit".
formtarget Atributi specifikon se në cilën dritare do të shfaqet rezultati pas dorëzimit të formularit. Është specifikuar vetëm për butonat e tipit = "submit". Anulon vlerën e atributit të synuar të specifikuar për elementin .
_blank - ngarkon përgjigjen në një dritare / skedë të re
_self - ngarkon përgjigjen në të njëjtën dritare (parazgjedhja)
_parent - Ngarkon përgjigjen në kornizën prind
_top - ngarkon përgjigjen në ekran të plotë
emri i kornizës - Ngarkon përgjigjen në një kornizë me emrin e specifikuar.
emri Specifikon emrin e butonit, vlera e atributit është tekst. Përdoret për të lidhur të dhënat e formës pasi formulari është dorëzuar, ose për t'u lidhur me një buton(a) të caktuar në JavaScript.
lloji Përcakton llojin e butonit. Vlerat e mundshme:
buton - buton i klikueshëm
reset - butoni i rivendosjes, kthehet kuptimi origjinal
dërgo - një buton për dërgimin e të dhënave të formularit.
vlerë Vendos vlerën e paracaktuar të dërguar kur klikohet butoni.

8. Kutitë e kontrollit dhe butonat e radios në formularë

Kutitë e kontrollit në forma vendosen duke përdorur konstruksionin dhe kaloni me .

Ndryshe nga butonat e radios, disa kuti kontrolli mund të vendosen në një formë. Nëse atributi i zgjedhur është specifikuar për kutitë e kontrollit, atëherë kur faqja të ngarkohet, kutitë e kontrollit tashmë do të kontrollohen në fushat përkatëse të formularit.

Elementi

Përshëndetje të dashur lexues! Sot do të shikojmë se si të vendosim dimensionet. elementet e bllokut faqet e internetit duke përdorur vetitë css dhe personalizoni shfaqjen e përmbajtjes nëse nuk përshtatet në element.

gjerësia dhe lartësia - gjerësia dhe lartësia e elementeve në css

Duke përdorur atributet e stilit gjerësia dhe lartësia, mund të vendosni përkatësisht gjerësinë dhe lartësinë e elementeve të bllokut:

gjerësia: auto |<ширина>| trashëgojnë
lartësia: auto |<ширина>| trashëgojnë

Si vlera, mund të përdorni çdo të disponueshme në njësitë css matje - për shembull, pikselë (px), inç (in), pika (pt), etj.:

p (gjerësia: 200 px; lartësia: 150 px)

Përveç njësive absolute, mund të specifikoni vlerën relative të madhësisë së elementeve në përqindje. Në këtë rast, gjerësia dhe lartësia e elementit do të varen nga gjerësia dhe lartësia. elementi prind... Nëse prindi nuk është specifikuar në mënyrë eksplicite, atëherë dimensionet do të varen nga dritarja e shfletuesit.

div (gjerësia: 40%;)

Auto i jep kontrollin e madhësisë së elementit shfletuesit të internetit dhe është i paracaktuar. Në këtë rast, madhësia e elementit do të jetë e tillë që e gjithë përmbajtja e tij do të përshtatet në të.

Le të shohim disa shembuj.





gjerësia dhe lartësia




Mirë se vini në faqen tonë të makinave. Këtu do të gjeni shumë artikuj interesantë dhe të dobishëm rreth makinave, rreth tyre karakteristikat teknike dhe veçoritë.




Rezultati:

Në këtë shembull, ne kemi krijuar bllok div dhe vendosni paragrafin p me tekst në të. Për div, ne kemi vendosur rreptësisht dimensionet në 300 me 300 piksele. Elementi p ka vlerat vetitë e gjerësisë dhe lartësia janë të barabarta me automatike, kështu që siç mund ta shihni në pamjen e ekranit, gjerësia e saj u vendos në gjerësinë e elementit prind dhe lartësia u caktua që t'i përshtatet të gjithë tekstit që përmban paragrafi.

Tani le të ndryshojmë cilësimet css për paragrafin p dhe vendosni dimensione fikse:

Shtresa 2 (
sfond: #eee;
gjerësia: 250 px;
}

Rezultati:

Siç mund ta shihni, gjerësia e paragrafit është bërë më e ngushtë dhe e barabartë me 250 piksele, dhe lartësia e tij është rritur në mënyrë që teksti të përshtatet, pasi parametri i lartësisë mbetet i barabartë me automatik.

Tani le të vendosim lartësinë dhe gjerësinë e paragrafit si përqindje:

Shtresa 2 (
sfond: #eee;
gjerësia: 50%;
lartësia: 50%;
}

Rezultati:

Siç mund ta shihni në foto, gjerësia e elementit p është bërë e barabartë me gjysmën e gjerësisë. element div... Dhe lartësia është rritur në 75 për qind të lartësisë së div.

Kur vendosni gjerësinë dhe lartësinë e çdo elementi në njësi relative, mund t'ju duhet të specifikoni madhësitë minimale dhe maksimale të mundshme. Në të vërtetë, për shembull, kur madhësia e dritares së shfletuesit ndryshohet, madhësia e një elementi mund të ulet dhe të rritet në një madhësi të tillë që lexueshmëria e sajtit të bëhet shumë e ulët.

Ju mund të përcaktoni gjerësinë dhe lartësinë minimale duke përdorur atributet min-width dhe min-height:

Min-gjerësia:<ширина>
min-lartësia:<высота>

Atribute të ngjashme të stilit gjerësia maksimale dhe lartësia maksimale ju lejojnë të vendosni madhësi maksimale:

gjerësia maksimale:<ширина>
lartësia maksimale:<высота>

Është e qartë se kur specifikohen vlerat maksimale dhe minimale të lartësisë dhe gjerësisë, dimensionet e elementit nuk mund të bëhen më të mëdha se vlerat maksimale dhe më të vogla se vlerat minimale.

Vlen të sqarohet se detyra parametrat e lartësisë dhe gjerësia ka kuptim vetëm për bllokojnë etiketat , pasi për elementët inline këto parametra nuk përpunohen nga shfletuesi.

Mund të rezultojë se kur vendoset parametra të vështirë lartësia dhe gjerësia e elementit, përmbajtja që ai përmban mund të mos përshtatet në zonën e kufizuar.

Për shembull, le të zvogëlojmë madhësinë e paragrafit p nga shembujt e mësipërm në 100 piksele:

Shtresa 2 (
sfond: #eee;
gjerësia: 100 px;
lartësia: 100 px;
}

Rezultati:

Siç mund ta shihni, teksti ka kaluar përtej kufijve të paragrafit dhe nuk duket shumë bukur. Per te shmangur situata të ngjashme ekziston rregulli css- tejmbushje.

Opsioni i tejmbushjes për të fshehur (të fshehur, të dukshëm) ose për të lëvizur (lëviz, automatik) përmbajtjen

Mbingarkesa e përmbajtjes mund të ndodhë kur gjerësia dhe lartësia e një elementi janë të kufizuara. Konsideroni dy paragrafë:

Teksti i paragrafit të parë


Teksti i paragrafit të dytë

Rezultati:

Meqenëse as gjerësia dhe as lartësia nuk specifikohen për paragrafët, shfletuesi i llogarit ato vetë, bazuar në të kuptuarit e tij të vlerës së auto. Si rezultat, paragrafët në gjerësi morën të gjitha hapësirë ​​në dispozicion, dhe në lartësi sipas përmbajtjes që përmbajnë.

Tani le të kufizojmë gjerësinë e paragrafit të parë:

Teksti i paragrafit të parë


Teksti i paragrafit të dytë

Rezultati:

Siç pritej, gjerësia e paragrafit është zvogëluar dhe lartësia është caktuar për të akomoduar të gjithë tekstin.

Epo, tani le të kufizojmë lartësinë e paragrafit të parë:

Teksti i paragrafit të parë


Teksti i paragrafit të dytë

Si rezultat, doli që teksti nuk përshtatet në një paragraf kaq të kufizuar, dhe për këtë arsye u fut në zonën e fqinjit të poshtëm. Prandaj, është praktikisht e pamundur të lexohet teksti në paragrafët e parë ose të dytë. Është për të kontrolluar sjelljen e përmbajtjes në situata të tilla që ekziston rregulli i tejmbushjes:

vërshimi: i dukshëm | i fshehur | lëviz | automatik | trashëgoj

Si parazgjedhje, tejmbushja është e dukshme, e cila i thotë shfletuesit të shfaqë përmbajtje që nuk përshtatet në kontejner. Rezultati mund të shihet në shembullin e mësipërm.

Rregulli fsheh gjithçka që nuk përshtatet në enë:

Vlera e lëvizjes do të shfaqë shiritat e lëvizjes vertikalisht dhe horizontalisht në element, edhe nëse e gjithë përmbajtja përshtatet:

Teksti i paragrafit të parë


Teksti i paragrafit të dytë

Zgjidhja më e njohur dhe logjike, nëse keni nevojë të krijoni shirita lëvizës për një kontejner, është vlera auto... Në këtë rast, vetë shfletuesi do të përcaktojë se kur dhe përgjatë cilit aks duhet të shfaqen shiritat lëvizës:

Teksti i paragrafit të parë


Teksti i paragrafit të dytë

Rezultati:

Ju gjithashtu mund të përdorni atributet e stilit overflow-x dhe overflow-y për të personalizuar shiritat e lëvizjes, të cilat ju lejojnë të personalizoni shfaqjen e lëvizjes përgjatë akseve individuale. Kështu, ajo është përgjegjëse për boshti horizontal dhe për boshti vertikal.

Prandaj, nëse, për shembull, ju nevojitet kjo në një paragraf lëvizje horizontale nuk u shfaq kurrë, dhe vertikali u shfaq vetëm kur ishte e nevojshme, atëherë mjafton të shkruani rregulli tjetër css:

p (mbushje-x: e fshehur; tejmbushje-y: automatik;)

Dhe detyra do të zgjidhet.

Kjo eshte e gjitha. Deri herën tjetër. Mos harroni të regjistroheni në përditësimet e blogut dhe do të jem mirënjohës nëse përdorni butonat e rrjeteve sociale.

Etiketë është një nga elementët e formës të gjithanshme dhe ju lejon të krijoni elemente të ndryshme ndërfaqen dhe të sigurojë ndërveprimin e përdoruesit. Kryesisht projektuar për të krijuar fusha teksti, butona të ndryshëm, butona radio dhe kuti kontrolli. Edhe pse elementi nuk ka nevojë të vendoset brenda enës , i cili përcakton formën, por nëse të dhënat e futura nga përdoruesi do të dërgohen në server, ku përpunohen nga programi CGI, atëherë duhet të specifikohet FORM. E njëjta gjë është edhe për përpunimin e të dhënave me aplikacionet e klientit, për shembull, skriptet në JavaScript.

Parametri kryesor i etiketës , duke përcaktuar llojin e elementit - tip. Ju lejon të pyesni artikujt e mëposhtëm forma: një fushë teksti (tekst), një fushë fjalëkalimi (fjalëkalim), një buton radio, një kuti zgjedhjeje, një fushë e fshehur, një buton, një buton për të paraqitur një formular (dorëzo), një buton për të pastruar një formular (rivendosje), një fushë për dërgimin e një skedari (skedari) dhe një buton me një imazh (imazh). Çdo element ka listën e vet të parametrave që përcaktojnë llojin 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- Përshtatni kufirin e poshtëm të figurës me tekstin përreth
  • majtas- Përafron imazhin në të majtë të dritares
  • e mesme- Shtrirja e mesit të 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 është në linjë me elementin më të lartë të linjës aktuale.

Parazgjedhja është fundi. Shfletuesit gjithashtu mbështesin argumentet absbottom, absmid, bazë dhe krye teksti të cilat nuk janë të përfshira në specifikimin HTML 4.01.

Parametri ALT

Parametri alt vendos tekstin alternativ për fushën e imazhit. Ky tekst ju lejon të merrni informacion teksti rreth një fotografie kur ngarkimi i imazheve është i çaktivizuar në shfletues. Meqenëse imazhet ngarkohen pasi shfletuesi merr informacion rreth tyre, teksti që zëvendëson 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 miu rri pezull mbi imazh.

Sintaksë

Vlera mund të jetë çdo e përshtatshme varg teksti... Duhet të mbyllet në thonjëza të dyfishta ose teke.

Parametri BORDER

Shfletuesit trajtojnë imazhet e shtuara nëpërmjet etiketës si fotot 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ë numër pozitiv në piksele. Parazgjedhja është 0.

Parametri i Kontrolluar

Ky parametër përcakton 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ë radiobutonit, mund të kontrollohet vetëm një element i grupit; për kutitë e kontrollit, lejohet të shënohen 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 gri dhe i padisponueshëm për aktivizim nga përdoruesi. Përveç kësaj, një fushë e tillë nuk mund të marrë fokusin duke shtypur tastin Tab, me miun ose në ndonjë mënyrë tjetër. Megjithatë, kjo gjendje e fushës mund të ndryshohet duke përdorur skriptet.

Sintaksë

Parametri MAXLENGTH

Vendos numrin maksimal të karaktereve që mund të futen nga përdoruesi në kutinë e tekstit. Kur arrihet ky numër gjatë telefonimit, nuk është e mundur asnjë hyrje e mëtejshme.

Sintaksë


Parametri EMRI

Përcakton një emër unik për elementin e formës. Në mënyrë tipike, ky emër përdoret kur dërgohen të dhëna në server ose për të hyrë në të dhënat e futura të fushës përmes 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 për parametrin e 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ë futur tekst i ri ose modifikoni një ekzistues. Përveç kësaj, një fushë e tillë nuk mund të marrë fokusin duke shtypur tastin Tab, me miun ose në ndonjë mënyrë tjetër. Megjithatë, gjendja dhe përmbajtja e fushës mund të ndryshohet duke përdorur skriptet.

Sintaksë


Parametri SIZE

Gjerësia e kutisë së tekstit, e cila përcaktohet nga numri i karaktereve në fontin me një hapësirë. 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 skedar grafik për t'u shfaqur në faqen e internetit në fushën e imazhit.

Sintaksë

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

Parametri TYPE

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

Sintaksë

Argumentet

  • butonin- Butoni.
  • kutia e kontrollit- Flamujt. Ju lejon të zgjidhni më shumë se një opsion nga ato të propozuara.
  • 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- Fusha e imazhit. Kur klikoni në foto, të dhënat e formularit dërgohen në server.
  • fjalëkalimin- Fushë teksti normale, por e ndryshme nga ajo në atë që të gjithë karakteret tregohen me yll. Është krijuar në mënyrë që askush të mos mund të shikojë fjalëkalimin e futur.
  • radio- Çelësat. Ato përdoren kur është e nevojshme të zgjidhni një opsion nga disa të sugjeruara.
  • rivendosur- Butoni për të kthyer të dhënat e formularit në vlerën e tij origjinale.
  • paraqesin- 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.

Parazgjedhja është teksti.

Parametri VALUE

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

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

  • për butonat (lloji i hyrjes = "buton | rivendos | dorëzo") vendos mbishkrimin e tekstit në 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 tyre, por kur përdoret në formën e butonit Reset, teksti i përdoruesit pastrohet dhe parametri i futur në vlerë 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 ka zgjedhur përdoruesi.

Artikujt kryesorë të lidhur