Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ
  • në shtëpi
  • Windows 8
  • Mbi format dhe elementet e tyre. Format e internetit dhe elementet e tyre: llojet dhe qëllimi

Mbi format dhe elementet e tyre. Format e internetit dhe elementet e tyre: llojet dhe qëllimi

12.04.2019 Windows 8

Një nga opsionet për përpunimin e formularit mund të jetë dërgimi i të dhënave me e-mail:

veprim = "mailto: Ad [email i mbrojtur] ver.domain"

Duke përdorur atributin e metodës, mund të specifikoni protokollin për dërgimin e të dhënave në server. Protokolli GET përdoret si parazgjedhje, por në shumicën e rasteve nuk i kënaq zhvilluesit, kështu që protokolli POST përdoret më shpesh.

Atributi enctype ju lejon të specifikoni se si do të kodohet përmbajtja e formularit.

Plotësoni formularin përdorues të ndryshëm, pra ka një atribut që ju lejon të përcaktoni një listë të kodimeve të vlefshme:

pran-charset =lista e grupeve

Ju gjithashtu mund të përcaktoni një listë të llojeve të vlefshme të të dhënave:

pranoj = "lista e llojeve të të dhënave"

Shumica e formularëve janë të pajisur me butona që ju lejojnë të pastroni (rivendosni" formularin ose të konfirmoni (paraqisni) saktësinë e plotësimit të tij dhe të dërgoni të dhëna. Për të përcaktuar programet e skriptit që duhet të ekzekutohen pas veprimeve të specifikuara të përdoruesit, ekzistojnë dy atribute të ngjarjeve në dorëzim dhe në rivendosje.

Atributet standarde: id, klasa, gjuha, stili, regjia, titulli, objektivi, atributet e ngjarjes

Ky element ju lejon të krijoni pjesë të ndryshme të formularit, të tilla si kutitë e kontrollit, butonat e radios, fushat e hyrjes. Elementi nuk ka një etiketë fundore, pasi të gjithë parametrat vendosen duke përdorur atribute.

Lloji i një elementi përcaktohet nga atributi tip:

Type="text" - krijimi i një fushe hyrëse në të cilën mund të vendosni automatikisht tekst arbitrar duke përdorur atributin e vlerës;

Lloji = "fjalëkalimi" - krijimi i një fushe për futjen e një fjalëkalimi dhe informacioni i futur shfaqet me yll;

Type="kontrolli" - krijoni një kuti kontrolli;

Lloji = "radio" - përcaktimi i një butoni radio. Duhet të përdoren shumë elementë INPUT për të krijuar një grup butonash radioje. Këtu është një shembull i një grupi prej tre butonash radioje:

Çelësat

Atributi i kontrolluar specifikon se cili nga butonat e radios duhet të zgjidhet

sipas parazgjedhjes. Në fig. 4.4 tregon pamjen e këtij grupi të ndërprerësve.

Fig.4.4. Ndërro grupin

Type="button" - krijimi i një butoni të personalizuar;

Lloji = "submit" - krijimi i një butoni që, kur klikohet, konfirmon futjen e informacionit në formular. Atributi vlera përdoret për të përcaktuar etiketën në buton;



Lloji = "rivendos" - gjithashtu një buton, por për anulimin e futjes së të dhënave në formular;

Lloji = "imazh" - krijimi i një butoni me një imazh. Për të treguar skedar grafik përdoret atributi src. atribut align projektuar për pozicionimin e një butoni me një model. Vlerat e atributeve tashmë janë përmendur disa herë:

poshtë, majtas, mes, djathtas, sipër. Përdorni këtë atribut për këtë rast Unë nuk e rekomandoj atë pasi jo të gjithë shfletuesit e mbështesin atë;

Type="file" - Përzgjedhësi i skedarit për t'i bashkangjitur formularit. Përdoruesit i kërkohet të shkruajë emrin e skedarit në fushën e hyrjes. Përveç kësaj, shfletuesi krijon automatikisht një buton Browse pranë fushës së hyrjes, i cili ju lejon të hapni standardin (për sistemi operativ) dialogu i përzgjedhjes së skedarit;

Lloji = "fshehur" - element i fshehur nga përdoruesi. Elementë të tillë përdoren për të përfshirë disa informacione fikse në grupin e të dhënave të formularit. Në thelb, ky është përkufizimi i emrit të ndryshores dhe vlerës së tij.

Pjesa tjetër e atributeve nevojiten për të përcaktuar vetitë e elementit. Shumë prej tyre kërkohen sepse ofrojnë përpunimin e të dhënave të formularit në anën e serverit.

Atributi i emrit duhet të jetë i pranishëm në të gjithë elementët INPUT, përveç butonave të pranimit dhe rivendosjes. Vlera e këtij atributi përcakton emrin e fushës së formularit, domethënë bllokun e të dhënave të futura në këtë fushë. Programi i serverit me këtë emër mund të nxjerrë të dhënat e nevojshme.

Ne tashmë e dimë shtrirjen e atributit të vlerës. Vlera e atributit specifikon vlerën e paracaktuar për fushën e hyrjes ose përcakton etiketën në buton.

Më sipër, ne ju treguam se si të krijoni një grup butonash radioje duke përdorur atributin e zgjedhur. Në të njëjtën mënyrë, ky atribut mund të përdoret për kutitë e kontrollit. Prania e tij tregon që kutia e kontrollit duhet të kontrollohet si parazgjedhje. Ndryshe nga butonat e radios, çdo numër kutish kontrolli mund të kontrollohet në të njëjtën kohë.

Atributi i madhësisë ju lejon të vendosni gjatësinë e fushës së hyrjes. Gjatësia shprehet në karaktere, por kjo vlerë mund të jepet vetëm përafërsisht. Për të vendosur një numër të caktuar karakteresh në fushën e hyrjes, do t'ju duhet të zgjidhni vlerën e atributit. Sidoqoftë, askush nuk mund të garantojë që të gjithë shfletuesit do të ofrojnë gjatësinë e kërkuar të linjës, dhe jo më pak. Kështu, gjatësia e fushës së hyrjes duhet të zgjidhet me një diferencë.

Atributi maxlengt mund të përdoret në dy mënyra. Së pari, ai përcakton gjatësia maksimale varg që mund të shkruhet në fushën e hyrjes. Së dyti, mund të përdoret për të kufizuar madhësinë e skedarit të bashkangjitur formularit.

Atributi readonly ju lejon të krijoni një element që nuk është i modifikueshëm.

Atributi usemap (shih seksionin Fotot dhe Hartat më lart) mund të përdoret nëse një hartë po krijohet në formular.

Ashtu si në FORMË, në Elementi INPUT ju mund të specifikoni atributin pranoj.

Atribute të përgjithshme të vlefshme: çelësi i aksesit, tabindex, vetëm për lexim, i çaktivizuar.

Atributet standarde: id, klasa, gjuha, titulli, regjia, stili, atributet e ngjarjes.

Duke përdorur elementet FORM dhe INPUT, mund të krijoni një objekt që do të zëvendësojë objektin e ngjashëm të krijuar nga elementi ISINDEX. Kodi më poshtë kryen të njëjtin funksion si kodi për elementin ISINDEX (shih Figurën 4.3):

<Р>Vargu për futjen e kritereve të kërkimit

Ky element është një enë për elementë të tjerë të formës. Për shembull, mund të kombinoni një mbishkrim dhe një fushë hyrëse:

Nëse elementi LABEL dhe një element tjetër janë të ndara, përdoret atributi for, vlera e të cilit duhet të përputhet me vlerën e atributit id të elementit përkatës:

Një element i formës krijohet për çdo element LABEL. Ndonjëherë është i përshtatshëm për të shpërndarë elementë midis qelizave të tabelës, duke siguruar kështu shtrirjen e të dhënave në formë.

Atributet standarde: çelësi i aksesit, id, klasa, gjuha, regjia, titulli, stili, atributet e ngjarjes.

Një formular është një element faqesh me të cilin përdoruesi mund të dërgojë të dhëna në server. Një shembull i një formulari HTML është një formular autorizimi në një faqe interneti. Përdoruesi fut një emër përdoruesi dhe fjalëkalim, shtyp një buton dhe këto të dhëna dërgohen në server dhe përpunohen atje. Formulari nuk merr pjesë në përpunimin e të dhënave në asnjë mënyrë, këtë e bën programi i vendosur në server dhe formulari i dërgon vetëm të dhënat.

Meqenëse format janë të lidhura me punën e serverit, gjatë studimit të kësaj teme, disa gjëra mund të mos jenë ende të qarta. Por ju ende duhet të studioni formularët. Së pari, sepse elementët individualë të formës mund të ekzistojnë pa u dërguar në server. Dhe të dhënat në to mund të përdoren gjatë ekzekutimit të skripteve të ndryshme. Së dyti, nëse do të zhvilloni më tej në fushën e krijimit të faqeve të internetit, atëherë do t'ju duhet të dini të paktën një gjuhë nga ana e serverit, siç është PHP. Dhe kur ta mësoni, do t'ju duhet të dini HTML në mënyrë që të mos shpërqendroheni prej tij.

Krijimi i formës

Formulari HTML krijohet duke përdorur etiketën . Ky etiketë në vetvete nuk shfaq asnjë fushë hyrëse, buton ose ndonjë gjë fare në faqe. Ka etiketa të tjera për këtë. Një etiketë i kombinon ato në një formë dhe dërgon të dhëna prej tyre në server.

Merrni parasysh disa atribute të rëndësishme të etiketës . Formulës mund t'i jepet një emër. Kjo bëhet me atributin e emrit. Emri i formularit duhet të jetë unik. Përdoret për të gjetur formën kur ekzekutohen skriptet.

Atributi i veprimit specifikon një skedar që funksionon në server dhe merr të dhëna nga formulari. Vlera e atributit është rruga për në skedar.

Atributi i metodës përcakton metodën e kërkesës. Mund të marrë vlera:

metoda = "merr"

metoda = "post"

Një shembull i formës HTML:

Brenda etiketës

vendosen elementet e formës. Elementet e formularit janë fusha të ndryshme hyrëse, butona dhe mënyra të tjera në të cilat përdoruesi fut informacionin. Etiketa të ndryshme përdoren për të krijuar elemente të formës. Le t'i shqyrtojmë ato në detaje.

Etiketë

Etiketë mund të duket ndryshe në faqe në varësi të llojit. Përfshirja e tij mund të krijojë fusha të ndryshme të hyrjes. Llojet e etiketave mjaft, kështu që konsiderohet në një temë të veçantë. Ndërkohë, ne do ta krijojmë atë në faqe si shembull. Le ta shtojmë brenda etiketës .

Atributi i emrit është shumë i rëndësishëm. Emri i elementit të formës i kalohet serverit së bashku me vlerën. Të dhënat dërgohen në server në formën e mëposhtme:

emër = vlerë

Nëse në shembullin e mësipërm përdoruesi fut - Andrey në fushën e hyrjes, atëherë të dhënat do të dërgohen në server në formën:

Nëse elementit të formës nuk i jepet një emër, atëherë të dhënat nga ky element nuk do të dërgohen në server.

Etiketë përdoret në vend të elementit kur ju duhet të krijoni fusha 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 bazuar në madhësinë e një karakteri në një font monospace.

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ë butonin.

Tabela 9. Atributet e etiketës
atribut Kuptimi / përshkrimi
fokusim automatik Vendos fokusin në butonin kur faqja ngarkohet.
me aftësi të kufizuara Çaktivizon butonin, duke e bërë atë të paklikueshëm.
formë Tregon në 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 adresën url të trajtuesit të të dhënave të formularit të dërguar kur klikohet butoni. Vetëm për një buton si type="submit" . Anulon vlerën e atributit të veprimit të specifikuar për elementin
.
formenctipi Vendos llojin e kodimit të të dhënave të formularit përpara se t'i dërgojë në server kur klikoni mbi butonat si type="submit" . Anulon vlerën e atributit enctype të specifikuar për elementin . Vlerat e mundshme:
aplikacioni/x-www-form-urlencoded është vlera e paracaktuar. 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.
tekst/i thjeshtë - karakteret nuk janë të koduara dhe hapësirat zëvendësohen me një karakter +.
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 për elementin . Specifikuar vetëm për butona si type="submit" . Vlerat e mundshme:
get - të dhënat nga formulari (çifti emër/vlerë) 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 sa marrë dhe nuk ka kufi përmasash.
formnovalidate Atributi specifikon që të dhënat e formularit nuk duhet të vërtetohen gjatë paraqitjes. Specifikuar vetëm për butona si type="submit" .
formtarget Atributi specifikon se në cilën dritare do të shfaqet rezultati pas dorëzimit të formularit. Specifikuar vetëm për butona si type="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 Vendos emrin e butonit, vlera e atributit është tekst. Përdoret për t'iu referuar të dhënave të formularit pasi formulari është dorëzuar, ose për t'iu referuar butonave të dhënë në JavaScript.
lloji Përcakton llojin e butonit. Vlerat e mundshme:
buton - buton i klikueshëm
reset - butoni i rivendosjes, kthen vlerën origjinale
dërgo është 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 konstruktin , dhe ndërprerësi - duke përdorur .

Kutitë e kontrollit, ndryshe nga butonat e radios, mund të kenë kuti të shumta kontrolli në një formë. Nëse atributi i zgjedhur është specifikuar për kutitë e kontrollit, atëherë kur faqja të ngarkohet, fushat përkatëse të formularit do të kenë tashmë të kontrolluara kutitë e tyre të kontrollit.

Elementi

Paraqet një fushë teksti me një rresht (Fig. 1), madhësia fizike i cili mund të vendoset duke përdorur atributin SIZE, dhe sekuenca e karaktereve të futur fillimisht në të duke përdorur atributin VALUE.

Oriz. 1. Elementi i formës TEKST

Një shembull i përdorimit të këtij elementi në kodin HTML është rreshti tjetër:

TYPE="Fjalëkalimi"

Lloji është saktësisht i njëjtë me atë të mëparshëm, përveç se informacioni i futur nga përdoruesi në fushën e tekstit do të shfaqet në ekran si karaktere "*" për të fshehur tekstin nga një shikues i jashtëm.

Një element që është një formë e thjeshtë përzgjedhjeje që merr një nga dy gjendjet e qëndrueshme: "kontrolluar" - "i pa kontrolluar" (Fig. 2).

Oriz. 2. Elementi i formularit CHECKBOX

Ky element funksionon me të ashtuquajturat variabla Boolean, pra variabla, secila prej të cilave mund të marrë vlerën "TRUE" ose "FALSE". Çdo element i formularit CHECKBOX krijon një çift logjik vlerash të formës "element_name-state" dhe ia kalon ato serverit. Për të vendosur gjendjen fillestare të një elementi (të kontrolluar ose jo), përdorni atributin CHECKED.

Shembull përdorimi:

I ashtuquajturi buton radio (Fig. 3) përdoret kur një variabël logjik mund të marrë vetëm një vlerë nga shumë të mundshme.

Oriz. 3. Elementi i formës RADIO

Të gjithë elementët RADIO të së njëjtës formë identifikohen nga e njëjta vlerë e atributit EMRI.

Përdorimi i butonave të radios kërkon specifikimin e qartë të vlerave të atributit VALUE; njëri prej butonave duhet të shënohet me atributin CHECKED.

Shembull përdorimi:

<Р АLIGN="СЕМТЕR">Ju lutemi shkruani moshën tuaj

Shfaq një buton të zakonshëm (Fig. 4), klikimi mbi të cilin çon në një veprim të serverit.

Oriz. 4. Elementi i formës BUTON

Atributi NAME i cakton një emër unik këtij elementi, atributi VALUE ju lejon të ndryshoni etiketën e shfaqur në buton.

Shembull përdorimi:

TYPE = DËRKONI

Përcakton një buton, me shtypjen e të cilit të dhënat nga formulari transferohen në server.Si në rastin e mëparshëm, etiketa e shfaqur në buton vendoset me atributin VALUE.

Shembull përdorimi:

Krijon një buton që fshin një formular teksti të mbushur gabimisht. Parametrat dhe vlerat për këtë buton nuk dërgohen në server së bashku me të dhënat e tjera të formularit. Shembull përdorimi:

TYPE="FILE"

Gjeneron një buton në ekran, kur klikohet, Windows Explorer shfaqet në ekran, duke ju lejuar të bashkëngjitni çdo skedar nga kompjuteri lokal i përdoruesit në të dhënat e dërguara në server. Ky element përdoret kryesisht në forma për dërgimin e mesazheve të postës elektronike nga serveri për të organizuar bashkëngjitjet, si dhe për të ngarkuar imazhe në server. Zakonisht, pranë butonit shfaqet një fushë e vogël teksti, ku futen automatikisht emri i skedarit që dërgohet dhe shtegu drejt tij në diskun lokal.

Shembull përdorimi:

TYPE="IMAGE"

Krijon një buton dërgimi të ngjashëm me elementin SUBMIT, por me një grafik të krijuar nga përdoruesi. Zakonisht përdoret në rastet kur butoni standard drejtkëndor gri "nuk përshtatet" në hartimin e sitit. URL-ja e imazhit që luan rolin e butonit tregohet nga atributi SRC dhe vetë elementi mund të përmbajë atributet e veta, të ngjashme me ato të përdorura në etiketë (Shih Mësimin 5), duke përfshirë ALIGN, ALT dhe të tjera. Atributet NAME dhe VALUE trajtohen njësoj si atributet përkatëse të elementit SUBMIT.

Shembull përdorimi:

Ky element është i fshehur dhe nuk shfaqet në ekranin e monitorit të përdoruesit.

Përdoret për të ruajtur dhe transferuar informacione rreth gjendja e tanishme forma: kur shtypet butoni SUBMIT, elementi HIDDEN do të formojë një çift logjik variablat e tipit"name-value", i cili do të dërgohet në server duke përdorur protokollin HTTP. Elementet HIDDEN ofrojnë një alternativë të përballueshme biskota - skedarë të veçantë, në të cilën cilësimet individuale përdorues dhe duke lejuar, për shembull, të rivendosë gjendjen e fundit të formularit kur përdoruesi riviziton faqen që përmban këtë formular.

Shembull përdorimi:

Megjithatë, me etiketën është e mundur që të transferohen larg nga të gjitha elementet e formës në dispozicion të web designer-it. Për shembull, fushat e tekstit të përcaktuara nga atributet TEXT dhe PASSWORD janë shumë të kufizuara në numrin e karaktereve që mund të futen në këto fusha. Nëse webmaster do të përballej me detyrën për të krijuar një të tillë fushë teksti, në mënyrë që përdoruesi të mund të fusë një numër të madh karakteresh, përdoret një etiketë e veçantë

Tashmë jeni njohur me atributin NAME, i cili specifikon emrin individual të secilit element të formës. Atributet ROWS dhe COLS tregojnë, përkatësisht, numrin maksimal të lejuar të rreshtave të tekstit të hyrjes dhe karaktereve për rresht. Nëse teksti i shtypur nga përdoruesi nuk përshtatet në pjesën e dukshme të kontejnerit të tekstit, shiritat e lëvizjes vertikale dhe horizontale shfaqen përgjatë skajeve të fushës për të lëvizur përmbajtjen e elementit TEXTAREA.

Shembull përdorimi:

Për të krijuar një menu përzgjedhjeje në formën (Fig. 6), webmaster mund të përdorë etiketën

VLERA OPTION="(! GJUHË:Pika N">Пункт N!}

Atributi MULTIPLE përcakton për përdoruesin aftësinë për të shënuar jo një, por disa artikuj në të njëjtën kohë nga lista e propozuar. Nëse ky atribut është caktuar, mund të përdorni atributin SIZE, i cili përcakton numrin e pozicioneve të dukshme në ekran në të njëjtën kohë.

Shembull përdorimi:

<Р АLIGN ="CENTER">Ju lutemi shkruani qytetin tuaj