Inngangsskjemaattributter i HTML
Hvordan inngangsattributter fungerer i HTML
Attributtens funksjonalitet avhenger av verdiene som bæres av disse attributtene. Attributtene og deres støttede verdier er beskrevet her.
Type attributt
Som inngangselementet er kjernedelen av HTML -skjemaer, er type attributtet nøkkelingrediensen i inngangselementet. Den definerer inngangstypen som har en av følgende verdier.
- tekst: brukes til å beskrive et tekstfelt
- Antall: brukes til å lage et felt som godtar numeriske verdier
- e -post: pleide å oppgi en e -postadresse
- farge: Definer fargen på et inngangsfelt
- avkrysningsrute: Å opprette en avkrysningsrute
- radio: Å opprette en alternativknapp
- Tlf: Oppretter et felt som godtar telefonnumre
- bilde: brukes til å få bildefilen fra brukeren
- skjult: Et felt som ikke vises på brukerens skjermbilde
- Dato: Oppretter et felt som godtar dato
- måned: Oppretter et felt som inneholder måned og år som skal velges
- sende inn: En knapp som vil sende inn skjemaets data
- nullstille: Dette oppretter en knapp som tilbakestiller alle data om skjema
De ovennevnte er de mest brukte verdiene av typeattributtet, og det under-uttalte eksemplet bruker få av dem.
Eksempel
Koden skrevet nedenfor utfører noen få verdier av type Egenskap.
Fire forskjellige inngangstyper brukes i ovennevnte kode som bruker verdens tekst, e -post, send inn og tilbakestilles.
Produksjon
Verdiattributt
Hver gang en HTML -skjema er definert, anbefales det å tilordne en innledende verdi til hvert for element. For å gjøre det, må du bruke verdiattributt. Inngangstypen må defineres for å bruke dette attributtet.
Eksempel
Koden gitt nedenfor praksisverdiattributt på inngangstype = tekst og inngangstype = Send inn.
Produksjon
Skrivebeskyttet attributt
Denne attributtet vil ikke tillate skriving inne i inngangsfeltet.
Eksempel
HTML -koden ga praksis readonly attributt på et inngangsfelt.
Produksjon
Tekstfeltet som vises i utdataene vil verken tillate deg å skrive eller museklikket vil iverksette tiltak.
Deaktivert attributt
Inngangstypen som bærer dette attributtet, vil bare vise området dekket av inngangsfeltet. Du kan imidlertid ikke utføre noen handling på det inngangselementet.
Eksempel
De funksjonshemmet Attributt til inngangselement praktiseres i følgende kode
Produksjon
Merk: Det skrivebeskyttede attributtet sendes inn med skjemaet, mens funksjonshemmede attributtet tillater verdien for innsending.
Mønsterattributt
Denne attributtet godtar regelmessige uttrykk som verdien av dette feltet vil bli sjekket. Det brukes med få inngangstyper som tekst, e -post, tlf, url, passord og dato.
Eksempel
I følgende kode, mønster Attributt brukes på et tekstfelt som bare aksepterer små alfabeter.
Produksjon
For verifisering av mønsterattributtet prøvde vi å gå inn i kapitalfeltene. En feil som ble bedt om å be om å samsvare med det forespurte formatet.
Plassholderattributt
Dette attributtet legger til dummy -tegn som hjelper brukeren med å undervurdere formålet med dette feltet.
Eksempel
Koden nevnt nedenfor bruker stedholder attributtfelt for å beskrive at tekstfeltet er ment å godta navnet ditt.
Produksjon
Det observeres fra utdataene at tekstfeltet pålegger brukeren å oppgi navnet sitt.
Påkrevd attributt
Inngangstypen som bruker nødvendige attributter er obligatoriske for å fylles.
Eksempel
Koden skrevet nedenfor angir det nødvendige attributtet for et tekstfelt.
Produksjon
Siden feltet er obligatorisk å fylles, vil ikke innsendingen bli utført før noen tekst er skrevet inne i tekstfeltet.
Autofokusattributt
Hvis websiden er lastet på nytt, vil inngangsfeltet være fokusert der autofokusattributtet brukes.
Eksempel
Følgende kode angir Autofokus attributt til inngangselementet.
Produksjon
Som vi har brukt Autofokus Attributt på et tekstfelt, og når siden er lastet, vil markøren fortsette å tikke.
Flere attributter
Denne attributtet gjør det mulig å legge til flere verdier (å legge ved flere filer er hovedbruken av denne attributtet).
Eksempel
Koden som er gitt nedenfor tar fil som en inngangstype og Flere attributt brukes på inngangstypen.
Produksjon
Utgangen viser at tre filer er vedlagt som beskriver arbeidet med flere attributter.
Høyde og bredde attributt
Denne attributtet brukes med bildetype og angir bildet og bredden på bildet.
Eksempel
Inngangstypen er satt til bilde og høyde bredde attributter brukes på det.
Produksjon
Bildet i utgangen vil bli justert i henhold til verdien av bredde og høyde.
Min/maks attributt
Minimums-/maksimumsverdiene for forskjellige inngangstyper er spesifisert av disse attributtene. Inngangstypene kan inneholde tekst, nummer, dato, rekkevidde, måned, tid og uke.
Eksempel
Koden gitt nedenfor bruker min og Maks attributt der inngangstypen er satt til Antall.
Produksjon
Som vist i utgangen godtar ikke tallfeltet 21 ettersom grensen ble satt til 20.
MaxLength -attributt
Antall tegn for en inngangstype kan spesifiseres ved å bruke maxlength -attributt.
Eksempel
Følgende kode begrenser Antall av tegn til 5 i et tekstfelt.
Produksjon
Utgangen ovenfor inneholder 5 tegn i tekstfeltet, tekstfeltet tillater ikke det sjette tegnet på grunn av maks lengde Egenskap.
Konklusjon
Inngangselementet har en omfattende liste over attributter for å lage en funksjonell HTML -skjema. Dette informative innlegget lister ned attributtene til inngangselementet i HTML -skjemaer. Attributtene som støttes av inngangselementet er, type, verdi, deaktivert, skrivebeskyttet, autofokus, multippel, høyde og bredde, maxlengde etc,. Dessuten praktiseres hver attributt ved hjelp av et eksempel som vil hjelpe til med å forstå funksjonaliteten.