Indholdsfortegnelse
HTML5 inkorporerer nye elementer for at lette oprettelsen af datafelter, der i mange tilfælde skulle programmeres med javascript eller tilføje et eksternt bibliotek på et sprog, der ville gøre det muligt at udvide mulighederne for xhtml- og html4 -elementerne.Mange programmører arbejder fortsat på traditionel vis, da det understøttes af de fleste browsere, de nyeste forbedringer understøttes kun af de nyere versioner.
HTML5 tilbyder et sæt nye attributter for inputattributtets typeattribut, det vil sige de fleste af elementerne i en formular, f.eks. Tekstbokse.
Nogle af disse velkendte html-attributter er:
Indtastningstype = tekst - Tekstboks
input type = password - Adgangskodefelt, der skjuler adgangskoden med stjerner.
Indtastningstype = send - Knap til indsendelse af formularer
NUMBER TYPE ATTRIBUTE REGISTER
Elementet, der indeholder attributten type nummer, giver ikke kun mulighed for at bestemme, at den indtastede værdi er numerisk, men også at begrænse den mellem maksimum og minimum, vi kan se på billedet, hvordan den også har validering uden at skulle programmere noget
Type nummerDATO TYPE ATTRIBUTE (DATO)Type nummer
Passagenummer (1-40):
Datotypeattributten bruges til felter, hvor det er nødvendigt at indeholde en dato. Afhængigt af browseren og den support, de tilbyder, ser kalenderkontrollen ud til at kunne vælge en dato.
Farvetypeattributten bruges til felter, hvor det er nødvendigt at indeholde en farve. Afhængigt af browseren og den understøttelse, de tilbyder, vil farvevalgstypekontrollen se ud til at kunne vælge en farve eller skrive farven i hexadecimal. Vælgeren vises som en pop op, når der klikkes på farven.
Farvetype
Vælg en farve:
E -mailtypeattributten bruges til felter, hvor det er nødvendigt at indeholde en e -mail. Afhængigt af browseren og den support, de tilbyder, vil det validere, at den indtastede tekst har formatet som en e -mail, ellers vises en fejlmeddelelse, dette vil lette valideringen af en formular uden programmering.
E -mail type
Indtast e -mail:
Url typeattributten bruges til felter, hvor det er nødvendigt at indeholde et domæne, en url. Afhængigt af browseren og den support, de tilbyder, vil det validere, at den indtastede tekst har et domænes format, men der vises en fejlmeddelelse, hvilket letter valideringen af en formular uden programmering. Det behøver ikke at indeholde http eller www, i så fald hvis vi kræver det, bliver vi nødt til at validere det gennem programmering.
Url -type
Indtast e -mail:
1. Autofuldfør attribut
Når vi skriver i et felt i formularen, finder vi ud af, at browseren generelt vil give os mulighed for at autofuldføre det, vi skriver på det tidspunkt med tekst, som vi allerede har skrevet med før, kan dette give sikkerhedsproblemer, da f.eks. Hvis vi skriver flere e -mails, fordi computeren blev brugt af en anden bruger, vi kunne skrive for at se oplysninger, som en anden bruger har indtastet. I eksemplet deaktiverer vi autofuldførelse i mailen, men ikke i de andre felter. Det kan også deaktiveres fra browseren, men mange brugere ved ikke, at muligheden findes, eller hvordan de deaktiverer autofuldførelse.
Vi ser, at når du indtaster ordet Autofuldførelse og indsender, når du får adgang til samme formular senere og kun trykker på bogstavet A, foreslår det i dette tilfælde allerede det ord, som vi havde skrevet tidligere.Autofuldførelsesattribut
Navn:
E-mail:
Denne attribut bruges til at angive, i hvilken input af en form markøren skal placeres, når websiden indlæses, hvis den ikke er til stede, starter den med den første, den finder. Dette kan også programmeres med jQuery til at fokusere på forskellige kontroller efter behov.
Denne attribut er meget nyttig til at styre elementer uden for en formular, uanset hvor den er placeret i webens struktur.
Vi kan se i HTML -kildekoden, at vi har oprettet en formular til indtastning af data for et produkt, derefter nogle forklarende tekst, og til sidst sætter vi et tekstfelt til lageret uden for formularen, men vi relaterer det til denne formular gennem dets identifikations -id = "FormA" i lagertekstfeltet vil vi sætte, at vi relaterer det til formularen = "formA", på denne måde vil alle relaterede elementer også blive sendt, når formularen sendes.Formattribut
Produkt:
Beskrivelse:
Lorem Ipsum er simpelthen dummy -tekst fra trykkeri- og sætningsindustrien.
Lorem Ipsum er simpelthen dummy -tekst fra trykkeri- og sætningsindustrien.
Lorem Ipsum er simpelthen dummy -tekst fra trykkeri- og sætningsindustrien.
Lager:
4. FormAction -attribut
Denne attribut er meget nyttig til at sende den samme formular til forskellige sider, noget der tidligere skulle programmeres i javascript og sende parametre for alle elementerne i formularen for at kunne videresende den, i nogle tilfælde blev det meget besværligt, især hvis der var flere former, der var afhængige af hinanden.
Vi tager eksemplet på den tidligere sag med en knap, vi sender formularen til record.php -siden og med den anden til lager.php
Formattribut
Produkt:
Beskrivelse:
Lorem Ipsum er simpelthen dummy -tekst fra trykkeri- og sætningsindustrien.
Lorem Ipsum er simpelthen dummy -tekst fra trykkeri- og sætningsindustrien.
Lorem Ipsum er simpelthen dummy -tekst fra trykkeri- og sætningsindustrien.
Stock: Billedattribut med indsendelse Hvis vi vil bruge et billede som en indsendelsesknap til at indsende en formular, var den eneste måde at gøre det på at lægge et billede eller bruge css -stilark og derefter gøre funktionaliteten med javascript.Billedtypeattribut
Produkt:
Beskrivelse:
Denne attribut giver dig mulighed for at definere en liste i et element og derefter anvende den på et inputelement, så den udfører en søgning, mens vi skriver.
Liste- og datalisttypeattribut
