Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ

Përshkrimi i formularit. Krijimi dhe puna me forma në html

05.11.2019 Gabimet

Etiketat HTML që përcaktojnë format HTML në sajt

Ne krijojmë faqe dhe faqe individuale në internet për të komunikuar me vizitorët.

Format HTML përdoren për të regjistruar vizitorët në faqe, për sondazhe dhe sondazhe interaktive, për t'ju lejuar të dërgoni mesazhe, të bëni blerje etj. HTML Formulari është krijuar me një qëllim: mbledhjen dhe transferimin e mëvonshëm të informacionit për përpunim në një skript programi ose me postë elektronike.

Shembull i formularit HTML | Hyni

Etiketat, atributet dhe vlerat

  • - të përcaktojë formën.
  • emri = "" - përcakton emrin e formularit.
  • metoda = "" - përcakton mënyrën e dërgimit të të dhënave nga formulari. Vlerat: "merr" (e parazgjedhur) dhe "post". Metoda "post" përdoret shpesh, pasi lejon transferimin e sasive të mëdha të të dhënave.
  • action = "" - përcakton url-në në të cilën të dhënat dërgohen për përpunim. Në rastin tonë, enter_data.php ..
  • - Përcaktoni elementë të tillë të formës si butonat, butonat e radios, fushat e tekstit për futjen e të dhënave.
  • type = "tekst" - përcakton një fushë teksti për futjen e të dhënave.
  • type = "password" - përcakton një fushë për futjen e një fjalëkalimi, ndërsa teksti shfaqet si yll ose rrathë.
  • type = "checkbox" - përcakton një kuti kontrolli.
  • type = "fshehur" - përcakton një element të formës së fshehur - përdoret për të dërguar informacion shtesë në server.
  • madhësia = "25" - gjatësia e fushës së tekstit në karaktere.
  • maxlength = "30" - numri maksimal i karaktereve që duhet të futen.
  • vlera = "" - përcakton vlerën që do të dërgohet për përpunim nëse i referohet radiobutonave ose ndërprerësve. Vlera e këtij atributi si pjesë e një fushe teksti ose butoni do të shfaqet si, për shembull, Vasya ose Login në shembullin e mësipërm.

Shembull i formularit HTML | Komentet në faqe

Shembull i formës HTML




Emri



Postë

Etiketat, atributet dhe vlerat

  • action = "http: //site/comments.php" - përcakton url-në në të cilën do të dërgohen të dhënat nga formulari.
  • id = "" - përcakton emrin, identifikuesin e elementit të formës.
  • emri = "" - përcakton emrin e elementit të formës.
  • - të përcaktojë një fushë teksti si pjesë e një formulari.
  • cols = "" - përcakton numrin e kolonave në fushën e tekstit të formularit.
  • rows = "" - përcakton numrin e rreshtave në fushën e tekstit të formularit.

Nëse ndërmjet vendosni tekst, ai do të shfaqet brenda kutisë si një shembull që hiqet lehtë.

Shembull i formularit HTML | Lista rënëse

Format HTML

Etiketat, atributet dhe vlerat

  • - përcaktoni një listë me pozicione për përzgjedhje.
  • madhësia = "" - përcakton numrin e pozicioneve të dukshme të listës. Nëse vlera është 1, kemi të bëjmë me një listë rënëse.
  • - të përcaktojë pozicionet (artikujt) e listës.
  • vlera = "" - përmban vlerën që do të dërgohet nga formulari në url-në e specifikuar për përpunim.
  • Selected = "selected" - Zgjedh pozicionin e listës si shembull.

Shembull i formularit HTML | Lista e lëvizjes

Duke rritur vlerën e atributit size = "", marrim një listë me një shirit lëvizës:

Pozicioni i parë Pozicioni i dytë Pozicioni i tretë Pozicioni i katërt

Format HTML

Për këtë opsion përdorim flamurin multiple = "multiple", i cili bën të mundur zgjedhjen e disa pozicioneve. Mungesa e tij lejon të zgjidhet vetëm një artikull.

  • type = "submit" - përcakton butonin.
  • type = "reset" - përcakton butonin e rivendosjes.
  • vlera = "" - përcakton etiketën në buton.

    • Shihni më tej:

    Përshkrim

    Etiketë

    vendos një formular në një faqe interneti. Formulari ka për qëllim shkëmbimin e të dhënave ndërmjet përdoruesit dhe serverit. Shtrirja e aplikimit të formularëve nuk kufizohet vetëm në dërgimin e të dhënave në server; duke përdorur skriptet e klientit, mund të përdorni çdo element të formularit, ta modifikoni atë dhe ta aplikoni sipas gjykimit tuaj.

    Një dokument mund të përmbajë çdo numër formash, por vetëm një formular mund t'i dërgohet serverit në të njëjtën kohë. Për këtë arsye, të dhënat e formularit duhet të jenë të pavarura nga njëra-tjetra.

    Për të dërguar formularin në server, përdorni butonin Submit, e njëjta gjë mund të arrihet duke shtypur tastin Enter brenda formularit. Nëse butoni Submit nuk është i pranishëm në formular, tasti Enter simulon përdorimin e tij.

    Kur formulari dorëzohet në server, kontrolli i të dhënave transferohet në programin e specifikuar nga atributi i veprimit të etiketës. ... Shfletuesi përgatit informacionin në formën e një çifti "emri = vlera", ku emri përcaktohet nga atributi i emrit të etiketës. dhe vlera futet nga përdoruesi ose vendoset në fushën e formularit të paracaktuar. Nëse metoda GET përdoret për të dërguar të dhëna, atëherë shiriti i adresave mund të marrë formën e mëposhtme.

    http: //www..cgi? nofka =% C2% E0% ED% FF +% D8% E0% EF% EE% F7% EA% E8% ED & faqe = 5

    Parametrat renditen pas pikëpyetjes pas adresës së programit CGI dhe ndahen me një karakter ampersand (&). Karakteret jo latine konvertohen në heksadecimal (në formën% HH, ku HH është kodi heksadecimal për vlerën e karakterit ASCII), hapësira zëvendësohet me një plus (+).

    Lejohet brenda enës vendosni etiketa të tjera, ndërkohë që forma në vetvete nuk shfaqet në asnjë mënyrë në faqen e internetit, duken vetëm elementet e saj dhe rezultatet e etiketave të mbivendosura.

    Sintaksë

    ...

    Atributet

    Vendos kodimin në të cilin serveri mund të marrë dhe përpunojë të dhëna. Adresa e programit ose dokumentit që përpunon të dhënat e formularit. Aktivizon plotësimin automatik të fushave të formularit. Një mënyrë për të koduar të dhënat e formularit. Metoda e protokollit HTTP. Emri i formularit. Anulon vërtetimin e integruar të të dhënave të formularit për futjen e saktë. Emri i dritares ose kornizës ku mbajtësi do të ngarkojë rezultatin e kthyer.

    Etiketa e fundit

    E detyrueshme.

    HTML5 IE Cr Op Sa Fx

    etiketa FORM

    Si mendoni se do të thotë shkurtesa "OS"?

    Oficerët
    Sistemi operativ
    Mizat e mëdha me vija

    Rezultati i këtij shembulli është paraqitur në Fig. një.

    Oriz. 1. Pamja e elementeve të formës në dritaren e shfletuesit

    ... forma e përmbajtjes ...

  • Është vetëm brenda elementit të formës që duhet të ketë kontrolle, nga të cilat mund të ketë sa të doni.

    • Atributet e formës:

    • Atributi i veprimit specifikon skedarin e serverit me skriptin përgjegjës për përpunimin kryesor të të dhënave të dërguara nga formulari. Zakonisht kodi i këtij skedari shkruhet në një gjuhë programimi nga ana e serverit, për shembull, në gjuhën php ose perl.
    • Atributi enctype tregon llojin e informacionit të transmetuar në server, nëse janë vetëm të dhëna teksti - tekst / i thjeshtë, nëse skedarët dërgohen me formularin, atëherë duhet të specifikoni të dhëna shumëpjesëshe / formës.
    • Atributi i metodës specifikon dhe përcakton formën e transmetimit të të dhënave. Ne nuk do të ndalemi në këtë në detaje, por duhet thënë se për një transferim më të besueshëm, duhet të specifikohet metoda e postimit.

    Elementet e formës HTML

      <lloji i hyrjes = "tekst" emri = "login" madhësia = "20" vlera = "(! LANG: Identifikohu" maxlength = "25" > !}

      Rezultati:

      • Vlera e atributit tip - tekst - tregon se kjo është një fushë teksti
      • madhësia - madhësia e fushës së tekstit në karaktere
      • maxlength - numri maksimal i karaktereve që përshtaten në fushë
      • vlera - teksti origjinal në kutinë e tekstit
      • emri - emri i elementit, i nevojshëm për të përpunuar të dhënat në skedarin mbajtës

      Rezultati:


      Në vend të tekstit, në fushë shfaqet një maskë - yje ose rrathë

      <lloji i hyrjes = "paraqis" vlerën = "Dërgo të dhëna">

      Rezultati:

      Butoni dërgo mbledh të gjitha të dhënat e përdoruesit nga formulari dhe e dërgon atë në adresën e specifikuar në atributin e veprimit të formularit.

      <lloji i hyrjes = "rivendos" vlera = "(! LANG: Pastro formën" > !}

      Rezultati:

      Butoni e kthen gjendjen e të gjitha kontrolleve në gjendjen e tyre origjinale (pastron formularin)

      <lloji i hyrjes = "checkbox" emri = "asp" vlera = "(! LANG: po" > !} ASP<br> <lloji i hyrjes = "checkbox" emri = "js" vlera = "(! LANG: po" checked = "checked" > !} javascript<br> <lloji i hyrjes = "checkbox" emri = "php" vlera = "(! LANG: po" > !} PHP<br> <lloji i hyrjes = "checkbox" emri = "html" vlera = "(! LANG: po" checked = "checked" > !} HTML<br>

      ASP
      javascript
      PHP
      HTML


      Rezultati:

      ASP
      javascript
      PHP
      HTML

      Në html, kutia e kontrollit përdoret për të organizuar zgjedhjen e shumëfishtë, d.m.th. kur është e nevojshme dhe e mundur të zgjidhni disa opsione përgjigjeje

      <lloji i hyrjes = "radio" emri = "libri" vlera = "(! LANG: asp" > !} ASP<br> <lloji i hyrjes = "radio" emri = "libri" vlera = "(! LANG: js" > !} Javascript<br> <lloji i hyrjes = "radio" emri = "libri" vlera = "(! LANG: php" > !} PHP<br> <lloji i hyrjes = "radio" emri = "libri" vlera = "(! LANG: html" checked = "checked" > !} HTML<br>

      ASP
      Javascript
      PHP
      HTML

      Rezultati:

      ASP
      Javascript
      PHP
      HTML

      butoni i radios html shërben për një përzgjedhje të vetme nga opsione të shumta

      Atributi i kontrolluar vendos elementin e kontrolluar menjëherë

    E rëndësishme: Për artikujt radioështë e nevojshme që vlera e atributit emri të gjithë elementët në grup kishin të njëjtën gjë: në këtë rast, elementët do të funksionojnë të ndërlidhur, kur një element është i ndezur, të tjerët do të fiken.

    HTML me zbritje

    Le të shohim një shembull të shtimit të një liste rënëse:

    1 2 3 4 5 6 <zgjidhni emrin = "libri" madhësia = "1"> <vlera e opsionit = "(! LANG: asp" > !} ASP</ opsion> <vlera e opsionit = "(! LANG: js" > !} JavaScript</ opsion> <vlera e opsionit = "(! LANG: php" > !} PHP</ opsion> <vlera e opsionit = "(! LANG: html" selected = "selected" > !} HTML</ opsion> </ zgjidhni>

    Rezultati:

    • Lista e lëshimit përbëhet nga një etiketë kryesore - zgjidhni - e cila ka një çift mbyllës, dhe çdo artikull i listës është një etiketë opsioni, brenda së cilës shfaqet teksti i artikullit.
    • Atributi i madhësisë me vlerë "një" tregon se lista e shembur shfaq një artikull, pjesa tjetër hapet duke klikuar në shigjetën e menysë
    • Atributi i zgjedhur i artikullit (opsioni) tregon se ky artikull i veçantë do të jetë fillimisht i dukshëm dhe pjesa tjetër e artikujve janë "të shembur"

    Për listat e mëdha dhe komplekse, ekziston një opsion shtoni nëntituj- etiketa optgroup me atributin label (etiketë):

    1 2 3 4 5 6 7 8 9 10 11 12 <zgjidhni emrin = "libri" madhësia = "1"> <optgroup label = "Anglisht"> <vlera e opsionit = "(! LANG: asp" > !} ASP</ opsion> <vlera e opsionit = "(! LANG: js" > !} JavaScript</ opsion> <vlera e opsionit = "(! LANG: php" > !} PHP</ opsion> <vlera e opsionit = "(! LANG: html" selected = "selected" > !} HTML</ opsion> </ grupi i zgjedhjes> <optgroup label = "Rusët"> <vlera e opsionit = "(! LANG: asp_rus" > !} ASP në Rusisht</ opsion> <vlera e opsionit = "(! LANG: js_rus" > !} JavaScript në Rusisht</ opsion> </ grupi i zgjedhjes> </ zgjidhni>


    Për të ofruar një mundësi zgjidhni disa artikuj në të njëjtën kohë duhet shtuar atributi i shumëfishtë. Por në këtë rast, atributi i madhësisë duhet të vendoset në një vlerë më të madhe se 1:

    Rezultati:

    • Gjerësia e elementit varet nga atributi cols, i cili specifikon se sa karaktere përshtaten horizontalisht
    • Atributi rows përcakton numrin e rreshtave në një element

    Elemente të tjera

    Elemente dhe atribute shtesë

    • Për kontrollet radio dhe kutia e kontrollitështë i përshtatshëm për të përdorur elementë shtesë, të cilët, së pari, e bëjnë tekstin të ankorohet në vetë elementin e radios ose të kutisë së kontrollit, dhe së dyti, shtojnë një goditje në klikim:
      • <lloji i hyrjes = "checkbox" id = "libri1"> <label for = "book1"> ASP</ etiketë>

      Në shembull, një titull (etiketë etiketë) është krijuar për elementin e kutisë së kontrollit. Lidhja kryhet përmes atributit id, vlera e të cilit specifikohet në atributin for të etiketës.

      Rezultati:

    • Atributi i çaktivizuar ju lejon të bllokoni një element, duke e bërë atë të padisponueshëm për modifikimin e përdoruesit:
      • <lloji i hyrjes = "tekst" emri = "login" madhësia = "20" vlera = "(! LANG: Identifikohu" maxlength = "25" disabled = "disabled" >!}
      <lloji i hyrjes = "checkbox" emri = "asp" vlera = "(! LANG: po" > !} ASP<br> <lloji i hyrjes = "checkbox" emri = "js" vlera = "(! LANG: po" checked = "checked" disabled = "disabled" > !} javascript<br>


      ASP
      javascript

    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ërveç kësaj, formularët kërkonin JavaScript për të vërtetuar hyrjen dhe u hoqën nga llojet specifike të fushave të hyrjes për të specifikuar informacionin e përditshëm si datat, adresat e emailit dhe URL-të.

    Format HTML5 zgjidhi shumicën e këtyre problemeve të zakonshme duke futur atribute të reja, duke ofruar aftësinë për të ndryshuar pamjen e elementeve të formës duke 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ëse e gjithë puna do të kryhet në anën e klientit nga skriptet JavaScript, atëherë vlera # mund të specifikohet për atributin e veprimit.
    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 parazgjedhur 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 e një elementi të formës individuale.
    tekst / i thjeshtë - tregon që teksti i thjeshtë (jo html) transmetohet.
    metodë Përcakton se si kalohen të dhënat e formularit.
    Metoda e marrjes i kalon të dhënat serverit përmes shiritit të adresave të shfletuesit. 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 &. Të gjitha karakteret dhe shkronjat speciale 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 informacione konfidenciale dhe fjalëkalime. 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)
    _top është dritarja e nivelit të 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 të cilave i përket ky grup elementesh. Atributi aktualisht 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.

    Duke përdorur stilet css, 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 imazhin e 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 ngarkimin e skedarëve me shtesën 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". Anulon vlerën e atributit të synuar të formularit.


    _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 lejuar të të dhënave numerike në vlerën maksimale; vlera e atributit mund të përmbajë një numër të plotë ose të pjesshëm. 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 numrin maksimal të karaktereve që mund të futen 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ë fletët e stilit 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 shkronjë të vogël, numri në kllapat kaçurrelë tregon se nevojiten tre shkronja të vogla, të ndjekura nga një vizë, pastaj tre shifra në rangun 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 numerike, tregon sasinë e rritjes ose uljes së vlerave 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ë futni datën dhe orën, të ndara me një shkronjë të madhe angleze T sipas modelit dd.mm.vvvv hh: mm.
    Ditëlindja - dita dhe ora:
    email - shfletuesit që mbështesin këtë atribut do të presin 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ë. Atributet e tij min, max dhe hapi vendosin respektivisht vlerat e sipërme, të poshtme dhe të ndarjes. 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, pika ose ikona të tjera të vendosura nga shfletuesi.
    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:
    dërgo - Krijon një buton standard të klikueshëm. 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 përcakton 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ë e përshtatshme për dërgimin e fjalëkalimeve dhe informacionit konfidencial.
    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, kthen vlerën origjinale
    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

    Në procesin e lundrimit nëpër faqe, përdoruesi në thelb klikon vetëm lidhjet për të lundruar në faqet e internetit.

    Por është e qartë se përdoruesi ndonjëherë duhet të sigurojë të tyren fushat e hyrjes... Këto lloj ndërveprimesh përfshijnë:

    • regjistrimi dhe identifikimi në faqe;
    • futja e të dhënave personale (emri, adresa, të dhënat e kartës së kreditit, etj.);
    • filtrimi i përmbajtjes (duke përdorur listat rënëse, kutitë e kontrollit, etj.);
    • kryerja e një kërkimi;
    • ngarkimi i skedarëve.

    Për të akomoduar këto nevoja, HTML ofron interaktive kontrollet forma:

    • fushat e tekstit (për një ose më shumë rreshta);
    • çelsat;
    • kutitë e kontrollit;
    • listat rënëse;
    • shkarko widget;
    • butonat e dorëzimit.

    Këto kontrolle përfshijnë të ndryshme etiketa HTML, por shumica e tyre përdorin etiketën ... Meqenëse është një element vetë-mbyllës, lloji i fushës përcaktohet nga atributi i tipit të saj:

    Elementi

    është një element blloku që përcakton interaktive pjesë e një faqe interneti. Si rezultat, të gjitha kontrollet (si p.sh ,