Innholdsfortegnelse
HTML5 inneholder nye elementer for å lette opprettelsen av datafelt som i mange tilfeller måtte programmeres med javascript eller legge til et eksternt bibliotek på et språk som ville tillate utvidelse av funksjonene til xhtml- og html4 -elementene.Mange programmerere fortsetter å jobbe på tradisjonell måte, ettersom de støttes av de fleste nettlesere. De siste forbedringene støttes bare av de nyere versjonene.
HTML5 tilbyr et sett med nye attributter for typeattributtet til inputelementet, det vil si de fleste elementene i et skjema, for eksempel tekstbokser.
Noen av disse kjente html-attributtene er:
Inngangstype = tekst - Tekstboks
input type = password - Passordfelt som skjuler passordet med stjerner.
Inngangstype = send - Knapp for å sende inn skjemaer
NUMBER TYPE ATTRIBUTE REGISTER
Elementet som inneholder typenummerattributtet, lar deg ikke bare bestemme at den angitte verdien er numerisk, men også å begrense den mellom maksimum og minimum, vi kan se på bildet hvordan den også har validering uten å måtte programmere noe
Type nummerDATO TYPE ATTRIBUTE (DATE)Type nummer
Passasjenummer (1-40):
Datotypeattributtet brukes for felt der det er nødvendig å inneholde en dato. Avhengig av nettleseren og støtten de tilbyr, vil kalenderkontrollen se ut til å kunne velge en dato.
Fargetype -attributtet brukes for felt der det er nødvendig å inneholde en farge. Avhengig av nettleseren og støtten de tilbyr, vil fargeplikttypekontrollen se ut til å kunne velge en farge eller skrive fargen i heksadesimal. Velgeren vil vises som en popup-vindu når du klikker på fargen.
Fargetype
Velg en farge:
E -posttypeattributtet brukes for felt der det er nødvendig å inneholde en e -post. Avhengig av nettleseren og støtten de tilbyr, vil den validere at teksten som er lagt inn har formatet til en e -post, ellers vil det vises en feilmelding, dette vil lette validering av et skjema uten programmering.
E -posttype
Skriv inn e -post:
URL -typeattributtet brukes for felt der det er nødvendig å inneholde et domene, en url. Avhengig av nettleseren og støtten de tilbyr, vil den validere at teksten som er lagt inn har formatet til et domene, men en feilmelding vil vises, dette vil lette validering av et skjema uten programmering. Den trenger ikke å inneholde http eller www. I så fall må vi validere den gjennom programmering.
URL -type
Skriv inn e -post:
1. Autofullføringsattributt
Når vi skriver i et felt i skjemaet, finner vi ut at nettleseren vanligvis vil gi oss muligheten til å autofullføre det vi skriver i det øyeblikket med tekst som vi allerede har skrevet med før, dette kan gi sikkerhetsproblemer siden for eksempel hvis vi skriver flere e -poster fordi datamaskinen ble brukt av en annen bruker, vi kunne skrive for å se informasjon som en annen bruker har lagt inn. I eksemplet deaktiverer vi autofullføringen i posten, men ikke i de andre feltene. Det kan også deaktiveres fra nettleseren, men mange brukere vet ikke at alternativet eksisterer, eller hvordan de deaktiverer autofullføring.
Vi ser at når du skriver inn ordet Autofullfør og sender når du får tilgang til det samme skjemaet senere og bare trykker på bokstaven A, foreslår det i dette tilfellet allerede ordet som vi hadde skrevet tidligere.Autofullføringsattributt
Navn:
E-post:
Dette attributtet brukes til å angi i hvilken inndata i et skjema markøren skal plasseres når nettsiden lastes inn, hvis den ikke er tilstede, starter den med den første den finner. Dette kan også programmeres med jQuery for å fokusere på forskjellige kontroller etter behov.
Dette attributtet er veldig nyttig for å administrere elementer utenfor et skjema uavhengig av hvor det er plassert i strukturen på nettet.
Vi kan se i HTML -kildekoden at vi har opprettet et skjema for å legge inn dataene til et produkt, deretter noen forklarende tekst og til slutt legger vi et tekstfelt for lageret utenfor skjemaet, men vi relaterer det til dette skjemaet gjennom identifikasjons -ID -en = "FormA" i lagertekstfeltet vil vi sette at vi relaterer det til skjemaet form "" formA ", på denne måten blir alle relaterte elementer også sendt når du sender skjemaet.Skjemaattributt
Produkt:
Beskrivelse:
Lorem Ipsum er rett og slett dummy -tekst fra trykkeri- og setingsindustrien.
Lorem Ipsum er rett og slett dummy -tekst fra trykkeri- og setingsindustrien.
Lorem Ipsum er rett og slett dummy -tekst fra trykkeri- og setingsindustrien.
Lager:
4. FormAction -attributt
Denne attributten er veldig nyttig for å sende det samme skjemaet til forskjellige sider, noe som tidligere måtte programmeres i javascript og sende parametere for alle elementene i skjemaet for å kunne videresende det, i noen tilfeller ble det veldig tungvint, spesielt hvis det var flere former som var avhengige av hverandre.
Vi tar eksemplet på den forrige saken med en knapp vi sender skjemaet til record.php -siden og med den andre til lager. php
Skjemaattributt
Produkt:
Beskrivelse:
Lorem Ipsum er rett og slett dummy -tekst fra trykkeri- og setingsindustrien.
Lorem Ipsum er rett og slett dummy -tekst fra trykkeri- og setingsindustrien.
Lorem Ipsum er rett og slett dummy -tekst fra trykkeri- og setingsindustrien.
Stock: Bildeattributt med submit Hvis vi vil bruke et bilde som en send -knapp for å sende inn et skjema, var den eneste måten å gjøre det på å legge et bilde eller bruke css -stilark og deretter gjøre funksjonaliteten med javascript.Bilde type attributt
Produkt:
Beskrivelse:
Dette attributtet lar deg definere en liste i et element og deretter bruke den på et inngangselement slik at den utfører et søk mens vi skriver.
Attributt for liste og datalisttype
