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ë
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
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
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
5. Lista rënëse
Listat mundësojnë rregullimin nje numer i madh i artikujt në mënyrë kompakte. Listat drop-down krijohen duke përdorur elementin ... ... Ato ju lejojnë të zgjidhni një ose më shumë vlera nga grupi i propozuar. Si parazgjedhje, kutia e listës shfaq artikullin e saj të parë.
Për të shtuar artikuj në listë, përdorni elementet ... që ndodhen brenda .
Për të organizuar listat, përdorni elementin ... e cila krijon tituj në lista.
Për listat, është e mundur të ndryshoni madhësinë e shkronjave, llojin e fontit, ngjyrën dhe vetitë e tjera të tekstit, si dhe të shtoni kufijtë, ngjyrën e sfondit dhe imazhin e sfondit.
Tabela 5. Atributet e etiketës
atribut
Kuptimi / Përshkrimi
fokusim automatik
Vendos fokusin automatik në një element në ngarkimin e faqes.
me aftësi të kufizuara
Çaktivizon listën me lëshim.
formë
Përcakton formën në të cilën këtë listë ... Identifikuesi i formularit specifikohet si vlera e atributit.
të shumëfishta
Ju lejon të zgjidhni një ose më shumë artikuj, për këtë, kur zgjidhni, duhet të shtypni dhe mbani shtypur Tasti Ctrl .
emri
Përcakton një emër për listën rënëse. Vlera e atributit përmban një emër që pasqyron subjektin e listës.
kërkohet
Shfaq një mesazh që përdoruesi duhet të zgjedhë një vlerë nga lista rënëse përpara se të dorëzojë formularin.
madhësia
Përcakton numrin e artikujve të listës të dukshme në ekran në të njëjtën kohë. Nëse numri i artikujve në listë tejkalon shumën e caktuar , shfaqet një shirit lëvizës. Vlera e atributit specifikohet si një numër i plotë pozitiv.
6. Etiketat për fushat e formularit
Etiketat e elementeve të formës krijohen duke përdorur elementin ... ... Ka dy mënyra për të grupuar një etiketë dhe diferencë. Nëse fusha është brenda elementit , atëherë atributi for nuk ka nevojë të specifikohet.
Kur ishte hera e fundit që fluturuat me aeroplan?
Mace
7. Butonat
Elementi ... krijon butona të klikueshëm. Ndryshe nga butonat e krijuar ( , , , ), brenda elementit ju mund të vendosni përmbajtje - tekst ose imazh.
Për shfaqja e saktë element shfletues të ndryshëm ju duhet të specifikoni atributin e tipit, për shembull, .
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 zbatohet kur bëni zgjedhje duke përdorur butonat e radios dhe kutitë e kontrollit. Mund të zgjedhë artikullin e dëshiruar thjesht duke klikuar mbi tekstin e lidhur me të. Për ta bërë këtë, ju duhet të vendosni brenda elementit .
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
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.