Formulari i hyrjes në komunikim html. Dorëzimi i të dhënave të formularit

Fusha e futjes së fjalëkalimit është një fushë e rregullt teksti, teksti i futur në të cilin, në varësi të shfletuesit, shfaqet si yll ose pika. Kjo veçori është krijuar për të parandaluar këdo që të zbulojë fjalëkalimin e futur. Megjithëse teksti i futur nuk shfaqet në ekran, informacioni i futur i transmetohet serverit në tekst të qartë pa kriptim. Prandaj, përdorimi i kësaj fushe nuk siguron sigurinë e të dhënave dhe ato mund të përgjohen.

Sintaksa e krijimit është si më poshtë.

Atributet janë të njëjta me ato të fushës së tekstit dhe janë të listuara në tabelë. 1.

Fusha e fjalëkalimit përdoret gjerësisht në faqet e internetit për të autorizuar përdoruesit dhe për të kufizuar aksesin në seksionet e faqes së internetit ku duhet të konfirmoni kredencialet tuaja. Shembulli 1 tregon se si të krijohen fusha të tilla.

Shembull 1. Fusha e fjalëkalimit

Fusha e fjalëkalimit

Identifikohu:

Fjalëkalimi:

Si rezultat, marrim sa vijon (Fig. 1).

Oriz. 1. Lloji i fushës së fjalëkalimit

Fusha e fjalëkalimit ka vetitë e stilit që specifikojnë parametrat e ngjyrës, sfondit, kornizës, etj. Shembulli 2 tregon shtimin e imazheve të sfondit për të formuar fushat. Le të marrim si bazë stilin si për fushat e tekstit.

Shembulli 2: Shtimi i një imazhi në një kuti teksti

Fusha e fjalëkalimit .textField, .passField ( gjerësia: 100%; /* Gjerësia e fushës */ mbushja: 10 px; /* Margjinat */ madhësia e kutisë: kutia kufitare; /* Algoritmi i llogaritjes së gjerësisë */ hije e kutisë: futur 0 1 px 5px rgba(0,0,0,0.2); /* Hije e brendshme */ kufiri: 1px solid #cccc; /* Opsionet e kufirit */ ngjyra: #ff6d37; /* Ngjyra e tekstit */ sfondi: url(/shembull/ imazh /user.png) pa përsëritje 5px 50%; /* Fotografia e përdoruesit */ padding-left: 30px; /* Largësia nga buza e majtë */ ) .passField ( sfond: url(/example/image/lock.png) nr -përsëriteni 5px 50%; /* Imazhi për fushën e fjalëkalimit */ )

Rezultati i këtij shembulli është paraqitur në Fig. 2. Fotografitë shtohen si sfond, kështu që teksti duhet të zhvendoset djathtas përmes mbushjes-majtas, përndryshe do të shfaqet në krye të figurës.

HTML5 sjell shumë veçori dhe përmirësime në format e uebit, ka atribute të reja dhe lloje fushash që u prezantuan kryesisht për të lehtësuar jetën e zhvilluesve të uebit dhe punën me format më të përshtatshme për përdoruesit e uebit. Sot do të krijojmë një faqe identifikimi duke përdorur html5. Nëse nuk jeni të njohur me të mirat e formave të reja, ky tutorial do t'ju ndihmojë.

Rezultati përfundimtar:

Marrja e shkrimit

Le të krijojmë shënimin e mëposhtëm

Seksioni class="loginform cf">

Email
Fjalëkalimi

< /section>

Nëse keni punuar më parë me forma HTML, ky kod do të duket i njohur. Por ka edhe disa veçori. Fushat kanë mbajtëse vendesh dhe disa atribute që janë të reja.

Vendmbajtësit

Atributi vendmbajtës ju lejon të përfshini tekstin e paracaktuar në një fushë që do të zhduket kur elementi të marrë fokusin ose kur fusha të plotësohet. Ne e bënim këtë duke përdorur JavaScript, por tani gjithçka është bërë shumë më e lehtë falë atributeve të reja.

atribut "i nevojshëm".

Atributi i kërkuar parandalon që fushat të mbeten bosh derisa të dorëzohet formulari. Nëse përdoruesi nuk e plotëson fushën, shfaqet gabimi i mëposhtëm.

Një përzgjedhës i ri përfshihet gjithashtu në CSS3 (:kërkohet). Ja një shembull:

Hyrja (kufiri: 1px e kuqe e fortë;)

Llojet e fushave

Fusha jonë e parë është e tipit email (llojet e hyrjes janë një tjetër risi HTML5). Nëse përdoruesi nuk plotëson fushën e adresës së emailit, do të shfaqet njoftimi i mëposhtëm;

Përdorimi i një hyrjeje të tillë është gjithashtu i përshtatshëm sepse do të jetë më i përshtatshëm për përdoruesit e pajisjeve celulare (iPhone ose Android) të plotësojnë fushën me "@" të theksuar.

Veçoritë e reja të ofruara për format HTML5 janë të fuqishme dhe të lehta për t'u zbatuar, por ato nuk mbështeten kudo, për shembull;

Atributi mbajtës i vendndodhjes mbështetet vetëm nga shfletuesit modernë - Firefox 3.7+, Safari 4+, Chrome 4+ dhe Opera 11+. Nëse dëshironi ta rregulloni këtë, përdorni këtë patericë në kombinim me Modernizr.

E njëjta gjë me atributin e kërkuar. Njoftimi i gabimit nuk mund të personalizohet, por gabimi do të mbetet: "Ju lutemi plotësoni fushat".
"Ju lutemi shkruani një emër", ky atribut gjithashtu mbështetet vetëm në shfletues normal.

Etiketa (ekrani: bllok; ngjyra: #999;) .cf: para, .cf: pas (përmbajtja: ""; shfaqja: tabela;) .cf: pas (pastaj: të dyja;) .cf (*zoom: 1; ) :fokus (përvijimi: 0 ;)

Të gjitha fushat përveç fushës "dorëzo" do të kenë stilet e mëposhtme:

Hyrja e formës së hyrjes: jo ([ type=submit] ) ( mbushje : 5 px ; margjina-djathtas : 10 px ; kufiri : 1 px solid rgba (0 , 0 , 0 , 0 .3 ) ; rreze-kufi: 3 pikselë ; hije e kutisë: e vendosur 0px 1px 3px 0px rgba(0 , 0 , 0 , 0 .1 ) , 0px 1px 0px 0px rgba(250 , 250 , 250 , 0 ,5 ) ;)

Dhe këtu janë stilet për butonin për të paraqitur formularin.

Hyrja e formës së hyrjes[ type=submit] (kufiri: 1px solid rgba(0, 0, 0, 0.3); sfondi: #64c8ef; /* Shfletuesit e vjetër */ sfondi: -moz-linear-gradient(lart, #64c8ef 0 % , #00a2e2 100 %) ; /* FF3.6+ */ sfond : -webkit-gradient (lineare, majtas lart, majtas poshtë, color-stop (0 % ,#64c8ef ), color-stop (100 % ,# 00a2e2 ) ) ; /* Chrome,Safari4+ */ sfond : -webkit-linear-gradient(lart , #64c8ef 0 % ,#00a2e2 100 % ) ; /* Chrome10+,Safari5.1+ */ sfond : -o-linear- gradient(lart, #64c8ef 0%,#00a2e2 100%); /* Opera 11.10+ */ sfond: -ms-linear-gradient(lart, #64c8ef 0%,#00a2e2 100%); /* IE10+ */ : linear-gradient(to bottombottom, #64c8ef 0% ,#00a2e2 100% ) ; /* W3C */ filter: progid:DXImageTransform .Microsoft .gradient (startColorstr="#64c8ef" , endColorstr=""#00,pea2T 0 ) ; /* IE6-9 */ ngjyra: #fff; mbushje: 5 px 15 px; margjina-djathtas: 0; margjina-lart: 15 px; rreze-kufi: 3px; hija e tekstit: 1px 1px 0px rgba( , 0 , 0 ,3 ); )

Kjo eshte e gjitha! Shpresojmë që ta keni gjetur të dobishëm këtë tutorial.

Ne kemi përpiluar një listë me 60 forma të hyrjes falas që mund t'i përdorni në faqen tuaj të WordPress, blogun, forumin, etj. Çdo formë është testuar tërësisht për t'u siguruar që funksionon dhe kodi burimor është i disponueshëm.

Përshtatës i hyrjes në WordPress

Formularët në këtë listë krijohen duke përdorur HTML/CSS. Por në këtë rast, ne po flasim për shtojcën më të mirë për të personalizuar ndërfaqen e WordPress. Ajo vjen me modele të shumta që mund të personalizohen më tej për t'iu përshtatur dizajnit të faqes suaj të internetit. Me këtë shtojcë, ju mund të shpëtoni nga faqja e mërzitshme e hyrjes në WordPress.

Formulari i hyrjes krijuese

Një formë e thjeshtë por krijuese e hyrjes e krijuar duke përdorur HTML dhe CSS3. Mund të përdoret gjithashtu si formular regjistrimi. Ky është modeli ynë i preferuar nga kjo listë.

Ne kërkuam në internet për formularë vërtet të lezetshëm autorizimi, por gjetja e tyre doli të jetë e vështirë. Kjo është arsyeja pse ne vendosëm t'ju prezantojmë tonën. Këtu janë 20 formularë identifikimi të krijuar nga ekipi ynë.

Formulari i autorizimit nr. 1

Forma e thjeshtë, krijuese dhe e gjallë e hyrjes me sfond gradient. Mund ta përdorni për çdo qëllim, si për shembull autorizimi në një shërbim ueb, aplikacion celular ose desktop.

Shkarko

Parapamje

Formulari i autorizimit nr. 2

Forma minimale dhe e sofistikuar e hyrjes me një buton, mbushje gradient, animacion dhe logo. Përdoreni atë duke ndryshuar elementët e nevojshëm.

Shkarko

Parapamje

Formulari i autorizimit nr. 3

Faqja e hyrjes me imazhin e sfondit, efektin e hijes dhe pezullimit për butonin e hyrjes.

Shkarko

Parapamje

Formulari i autorizimit nr. 4

Ju mund ta shkarkoni këtë formular në internet dhe ta përdorni sipas dëshirës. Është plotësisht adaptive.

Shkarko

Parapamje

Formulari i autorizimit nr. 5

Një formë e bukur dhe moderne me opsione për t'u identifikuar përmes Facebook ose Google. Butonat e tij kanë efekte të bukura të pezullimit për t'u ofruar përdoruesve një përvojë të shkëlqyer të përdoruesit.

Shkarko

Parapamje

Formulari i autorizimit nr. 6

Nëse faqja e internetit është e rregullt dhe e bukur, forma e hyrjes nuk duhet të ndryshojë nga dizajni i saj. Këtu është një formë që padyshim do të përmbushë pritjet tuaja.

Shkarko

Parapamje

Formulari i autorizimit nr. 7

Një formular me tre opsione për të hyrë në llogarinë tuaj: Facebook, Twitter ose email. Dhe nëse përdoruesi nuk ka ende një llogari, mund ta lidhni formularin me faqen e regjistrimit.

Shkarko

Parapamje

Formulari i autorizimit nr.8

Një tjetër formë hyrjeje moderne, në modë dhe e bukur. Duket veçanërisht mirë në pajisjet mobile.

Shkarko

Parapamje

Formulari i autorizimit nr. 9

Nëse dëshironi të largoheni nga një dizajn i pastër i bardhë ose monokromatik, duhet t'i kushtoni vëmendje kësaj forme. Ai mbështet shtimin e një imazhi të sfondit ose mbivendosjes së gradientit. Ekziston gjithashtu një mundësi për t'u identifikuar përmes Facebook ose Google.

Shkarko

Parapamje

Formulari i autorizimit nr.10

Kjo është saktësisht e kundërta e opsionit të mëparshëm. Duket minimaliste, por në të njëjtën kohë shumë e rregullt.

Shkarko

Parapamje

Formulari i autorizimit nr. 11

Në vend që të krijoni një formular nga e para, mund të përdorni një shabllon të shkëlqyeshëm të gatshëm për përdorim si ky.

Shkarko

Parapamje

Formulari i autorizimit nr. 12

Një imazh sfondi me një mbivendosje me hije blu, një emër me një avatar dhe fusha hyrëse është formulari i autorizimit nr. 12. Shtoi një efekt hover në butonin e hyrjes.

Shkarko

Parapamje

Formulari i autorizimit nr. 13

Një shabllon i ekranit të ndarë ku njëra gjysma është për imazhin dhe gjysma tjetër është për formën.

Shkarko

Parapamje

Formulari i autorizimit nr.14

Ky koleksion përmban forma të thjeshta dhe më komplekse të hyrjes. Dhe shablloni nr. 14 është një nga ato minimaliste.

Shkarko

Parapamje

Formulari i autorizimit nr.15

Një formë mjaft minimaliste, por mund të shtoni një baner në krye. Falë këtij opsioni të vogël, ju mund ta bëni formën më tërheqëse.

Shkarko

Parapamje

Formulari i autorizimit nr.16

Ky është një formular identifikimi me një imazh në ekran të plotë, në krye të të cilit ka fusha për të futur hyrjen dhe fjalëkalimin tuaj, si dhe një buton me një efekt hover.

Shkarko

Parapamje

Formulari i autorizimit nr.17

Për ta bërë formën tuaj më të personalizuar, mund të përdorni këtë shabllon. Ai përfshin një imazh në anën.

Shkarko

Parapamje

Formulari i autorizimit nr.18

Shkarko

Parapamje

Formulari i autorizimit nr.19

Vibruese, energjike dhe emocionuese - kjo është ajo që ka të bëjë me këtë formular hyrjeje. Ai është plotësisht i përgjegjshëm, i optimizuar për celular dhe i pajtueshëm me të gjithë shfletuesit kryesorë të internetit.

Shkarko

Parapamje

Formulari i autorizimit nr.20

Sfondi gradient, butoni i zi me efekt hover, fusha për futjen e hyrjes dhe fjalëkalimit, si dhe një seksion "Harruat fjalëkalimin tuaj?". E gjithë kjo është në formularin e autorizimit nr. 20.

Shkarko

Parapamje

Formulari i hyrjes me zbritje

Shkarko

Formulari i Regjistrimit Lundrues

Projektuar për formularët e abonimit duke përdorur skeda dhe etiketa.

Shkarko

Formulari i thjeshtë i autorizimit

Ajo që dikur i ndalonte njerëzit kur donin të hynin në një faqe WordPress ishte se dukej shumë e thjeshtë. Kjo formë ruan dizajnin popullor, por i shton ngjyrë.

Shkarko

Identifikimi i sheshtë – Formulari i Regjistrimit

Kur klikoni butonin "Kliko mua" që ndodhet në këndin e sipërm djathtas, formulari i hyrjes do të shndërrohet në një formular regjistrimi përmes animacionit.

Shkarko

Identifikohu me formularin SCSS të vetëpërmbajtur

Ky është një formë e krijuar duke përdorur SCSS. Një shtesë CSS që shton funksionalitet dhe elegancë të re në gjuhën bazë. Kjo ju lejon të përdorni variabla, rregulla të ndërlidhura, importe inline dhe shumë më tepër.

Shkarko

Formulari i animuar i hyrjes

Ky është një formë e animuar e hyrjes dhe pjesa e sipërme "Hej ju, Hyni tashmë" shndërrohet në një formë kur klikoni butonin.

Shkarko

Formulari i hyrjes duke përdorur CSS3 dhe HTML5

Një shembull se si të krijoni një formë të thjeshtë hyrjeje duke përdorur HTML5 dhe CSS3. Ai përdor pseudo elementë (:pas dhe :para) për të krijuar efektin e shumë faqeve. Ky formular përdor HTML5 për të thjeshtuar vërtetimin dhe prezantimin e të dhënave.

Shkarko

Identifikohu me Efekt Shake

Nëse keni futur fjalëkalimin e gabuar, do të njoftoheni me një efekt të bukur tronditjeje. Një zgjidhje e thjeshtë dhe efektive.

Shkarko

Formulari i hyrjes në Boxy

Shkarko

Formulari i animuar i hyrjes

Një formë e thjeshtë e hyrjes. Kur klikoni butonin “LOGIN” që ndodhet në të majtë, do të shfaqet forma e hyrjes.

Këtu është një shembull i kodit të faqes së hyrjes html. Në këtë shembull, ne kemi shfaqur një fushë teksti, Fjalëkalimin, butonin Reset dhe butonin Hyrja. Ne kemi përdorur butonin Reset që rivendos të gjitha fushat në bosh. Ne kemi përdorur vërtetimin JavaScript në faqen e hyrjes. Ne kemi vendosur vlerën e emrit të përdoruesit dhe fjalëkalimit. Nëse një person fut një emër përdoruesi ose fjalëkalim të gabuar ose të dyja, do të shfaqet një mesazh gabimi me "Gabim: Emri i përdoruesit ose fjalëkalimi i gabuar". Derisa personi të futë emrin e saktë të përdoruesit dhe fjalëkalimin, ai nuk do të identifikohet.

Pasi të vendosni emrin e përdoruesit dhe fjalëkalimin e saktë, do të ridrejtoheni në një faqe tjetër.

Faqja e identifikimit përdoret në shumicën e faqeve dinamike të internetit për të vërtetuar përdoruesit bazuar në kredencialet e tyre. Për krijimin e faqes së hyrjes për faqet e internetit përdoren forma HTML dhe elementet HTML. Fusha e tekstit përdoret për të pranuar emrin e përdoruesit dhe fusha e tekstit të fjalëkalimit përdoret për të pranuar fjalëkalimin nga përdoruesi.

Butoni "dorëzo" përdoret për dërgimin e të dhënave në server për vërtetim. Është mirë të vërtetoni hyrjen e përdoruesit në shfletues duke përdorur JavaScript. Në këtë tutorial ne po krijojmë një kod të faqes së hyrjes në HTML dhe po vërtetojmë hyrjen e përdoruesit me JavaScript. Në aplikacionet moderne të internetit, vërtetimi nga ana e serverit është gjithashtu shumë i rëndësishëm, ai bëhet në anën e serverit me programin që funksionon në server.

Këtu është video tutorial:

Por në këtë tutorial do të mësoni të krijoni një faqe identifikimi në HTML dhe të vërtetoni hyrjen e përdoruesit me JavaScript. Shiko demonstrimin e faqes së hyrjes në HTML.

Këtu është pamja e ekranit të faqes së hyrjes që po bëjmë:

Kjo faqe identifikimi shfaq fushat e tekstit të emrit të përdoruesit, fjalëkalimit dhe më pas butonat për rivendosje dhe hyrje. Pasi përdoruesi fut të dhënat dhe klikon në butonin Login, JavaScript përdoret për të vërtetuar formularin dhe mesazhi i gabimit shfaqet nëse vërtetimi dështon.

Faqja e hyrjes në HTML me Validim JavaScript

Faqja e hyrjes

Faqja e hyrjes në HTML
Emri i përdoruesit:
Fjalëkalimi:

kontrolli i funksionit (forma) ( if(form.userid.value == "Roseindia" && form.pwd.value == "Roseindia") { return true; } else { alert("Error Password or Username") return false; } } !}

Etiketa e HTML është zemra e krijimit të formularit të hyrjes së përdoruesit në aplikacionin ueb, i cili merr të dhënat hyrëse të përdoruesit dhe në fund i dërgon ato në programin e serverit për përpunim të mëtejshëm. Të dhënat e të gjithë fushës hyrëse ose të fshehur merren dhe dorëzohen në server përmes etiketës së formës. Butoni "dorëzo" përdoret për të inicuar dërgimin e të dhënave të formularit në server. Ju gjithashtu mund të përdorni kodin JavaScript për dërgimin e formularit. Për shembull, nëse emri i formularit tuaj është "loginForm", atëherë kodi i mëposhtëm JavaScript mund të thirret për dërgimin e formularit në mënyrë programore.

Vetë formulari zakonisht synon të marrë informacion nga përdoruesi për dërgimin e mëtejshëm të tij në server, ku të dhënat e formularit merren nga programi mbajtës. Një program i tillë mund të shkruhet në çdo gjuhë programimi nga ana e serverit si PHP, Perl, etj. Adresa e programit tregohet në atributin e veprimit të etiketës, siç tregohet në shembullin 1.

Shembulli 1: Dorëzimi i të dhënave të formularit

HTML5 IE Cr Op Sa Fx

Të dhënat e formularit

Në këtë shembull, të dhënat e formularit të treguara nga atributi i emrit (hyrja dhe fjalëkalimi) do t'i kalohen skedarit në /example/handler.php. Nëse atributi i veprimit nuk është specifikuar, atëherë transferimi ndodh në adresën e faqes aktuale.

Transferimi në server ndodh në dy metoda të ndryshme: GET dhe POST. Për të vendosur metodën në etiketë, përdoret atributi i metodës dhe vlerat e tij janë fjalët kyçe merrni dhe postoni. Nëse atributi i metodës nuk është specifikuar, atëherë si parazgjedhje të dhënat dërgohen në server duke përdorur metodën GET. Në tabelë Figura 1 tregon ndryshimet midis këtyre metodave.

Cila metodë përdoret mund të përcaktohet lehtësisht nga shiriti i adresave të shfletuesit. Nëse në të shfaqet një pikëpyetje dhe adresa duket kështu, atëherë kjo është padyshim një GET.

http://www.google.ru/search?q=%D1%81%D0%B8%D1%81%D1%8C%D0%BA%D0%B8&ie=utf-8

Një kombinim unik i parametrave në shiritin e adresave identifikon në mënyrë unike një faqe, kështu që faqet me adresat ?q=node/add dhe ?q=node konsiderohen të ndryshme. Kjo veçori përdoret nga sistemet e menaxhimit të përmbajtjes (CMS, sistemi i menaxhimit të përmbajtjes) për të krijuar shumë faqe në internet. Në realitet, përdoret një skedar i vetëm që merr një kërkesë GET dhe, sipas tij, gjeneron përmbajtjen e dokumentit.

Më poshtë janë renditur aplikimet tipike të këtyre metodave në sajte.

MARR

Transferimi i të dhënave të vogla të tekstit në server; Kërkimi i faqes.

Motorët e kërkimit dhe formularët e kërkimit të faqeve dërgohen gjithmonë duke përdorur metodën GET, kjo ju lejon të ndani rezultatet e kërkimit me miqtë, të dërgoni një lidhje me postë ose ta postoni në një forum.

POST

Transferimi i skedarëve (foto, arkiva, programe, etj.); dërgimi i komenteve; shtimi dhe redaktimi i mesazheve në forum, blog.

Si parazgjedhje, formulari përpunohet në skedën aktuale të shfletuesit; megjithatë, kur dorëzoni formularin, mund ta ndryshoni këtë parametër dhe të hapni mbajtësin e formularit në një skedë ose kornizë të re. Kjo sjellje specifikohet përmes "emrit të kontekstit", që është vlera e atributit të synuar të etiketës. Vlerat e njohura janë _blank për të hapur formularin në një dritare ose skedë të re, dhe emri i kornizës, i cili specifikohet nga atributi i emrit të etiketës (shembulli 2).

Shembulli 2: Hapja e një formulari në një kornizë

HTML5 IE Cr Op Sa Fx

Duke përdorur një kornizë

Në këtë shembull, kur klikoni butonin Submit, rezultati i paraqitjes së formularit hapet në një kornizë të quajtur zone .

Elementet e formës tradicionalisht ndodhen brenda etiketës, duke përcaktuar kështu të dhënat që do të transmetohen në server. Në të njëjtën kohë, HTML5 ka aftësinë për të ndarë një formë nga elementët e saj. Kjo është bërë për lehtësi dhe shkathtësi, kështu që një paraqitje komplekse mund të përmbajë disa forma që nuk duhet të kryqëzohen me njëra-tjetrën, ose, për shembull, disa elementë shfaqen duke përdorur skriptet në një vend të faqes, dhe vetë forma ndodhet në një tjetër. . Lidhja ndërmjet formës dhe elementeve të saj ndodh në këtë rast përmes identifikuesit të formës dhe elementeve duhet t'i shtohet atributi i formës me vlerë të barabartë me këtë identifikues (shembulli 3).

Shembulli 3: Lidhja e një formulari me fushat

HTML5 IE Cr Op Sa Fx

Forma

Në këtë shembull, etiketa identifikohet në mënyrë unike përmes identifikuesit auth, dhe forma = "auth" u shtohet fushave që duhet të dorëzohen përmes formularit. Në këtë rast, sjellja e elementeve nuk ndryshon; kur klikohet butoni, hyrja dhe fjalëkalimi i dërgohen mbajtësit handler.php.

Megjithëse parametrat e paraqitjes së formularit janë specifikuar tradicionalisht në etiketë, ato gjithashtu mund të transferohen te butonat e paraqitjes së formularit ( dhe ). Për këtë, përdoret një grup atributesh formimi , formametoda , formenctype dhe formatarget, të cilat janë analoge të atributeve përkatëse pa prefiksin e formës. Shembulli 4 tregon përdorimin e këtyre atributeve.

Shembulli 4: Dorëzimi i një formulari

HTML5 IE Cr Op Sa Fx

Dorëzimi i një formulari

Të gjitha atributet e reja të formës nuk mbështeten nga disa shfletues, veçanërisht Internet Explorer dhe Safari.