Html <form> Tag -attributter | Forklart

Når vi besøker et nettsted, er et av de hyppigst observerte tingene på hvert nettsted "skjemaer" som påloggingsskjemaer, påmeldingsskjemaer, skjemaer for datainnføring osv. Og for dette formålet gir HTML en Tag for å samle inn brukerens data/informasjon. De Tag i seg selv kan ikke sende dataene hvor som helst for å behandle skjemadataene vi kan bruke forskjellige attributter som for eksempel handling, metode, etc.

Denne oppskrivningen vil gi en fullstendig retningslinje for å lage en form, og i denne forbindelse må vi forstå konseptet med følgende skjemaattributter:

Hvordan å bruke handling attributt i HTML
Hvordan å bruke metode attributt i HTML
Hvordan å bruke mål attributt i HTML
Hvordan å bruke Autofullfør attributt i HTML

Hvordan bruke handlingsattributt i HTML -skjemaer

Den bestemmer hvilken handling som skal utføres på skjemainnlevering i.e. Den spesifiserer en URL som skjema data vil bli sendt inn. Det undergitte eksemplet lar deg forstå hvordan handling attributt fungerer

Eksempel

I den undergitte koden opprettet vi en HTML-fil som heter Formsattribute.html

Inne i taggen spesifiserer vi handling Egenskap.
Handlingsattributtet holder adressen til en annen HTML -fil som heter “FormsResult.html ”
Vi oppretter to felt for navn og passord.
Deretter oppretter vi en knapp som heter "Send" i "Formsattribute.html ”-fil.
Klikk på Send -knappen avleder oss til “Formst.html ”-fil

formsattributt.html

fras.html

Skjemaene data sendt inn fra formsattributtet.HTML -fil vises på skjemaene.HTML -fil:

Gå tilbake til FormatTributes.HTML -fil

Vellykket utførelse av koden viser følgende resultat:

Observer nettadressen til filen, og klikker på sendeknappen vil sende dataene som er skrevet i tekstfeltene til skjemaene.HTML -fil og den viser følgende resultat:

Observer forskjellen mellom begge nettadressene:

Når vi klikker på "Send" -knappen, fører det oss til “Forms.html ”-fil.
Viser innholdet i “formsattribute.HTML ”-filen verifiserer at handlingsattributtet fungerer som den skal.

Hvordan bruke metodeattributt i HTML -skjemaer

Den bestemmer hvordan skjemadataene skal sendes inn, og for dette formålet bruker de enten GET -metoden eller POST -metoden.

Få metode

Den legger skjema data i nettadressen, og den bruker spørsmålstegnet for å skille de forskjellige parametrene. Hvis vi ikke nevnte metodeattributtet i skjema -taggen, vil den som standard angi Få metode.

Eksempel

Som vist i forrige eksempel, nevnte vi ingen metode, så som standard sender den dataene ved å bruke få metode. Det undergitte utdraget vil forklare hvordan du bruker få metode:

formsattributt.Html

Over utdraget viser følgende utdata:

Vi spesifiserer "studentnavn" og "passord" som henholdsvis "Joe" og "Joe@123", og som et resultat får vi følgende utdata:

URLen utdyper følgende punkter:

Du er i formene.HTML -fil
Navn og passord er vedlagt i URL -en som verifiserer at Method brukes.

Postmetode

Den sender dataene til serveren separat i.e. Den legger til dataene i kroppen til HTTPs forespørsel i stedet for URL -en. Det er nyttig når vi må lagre konfidensielle data på serveren.

Eksempel

Følgende stykke kode vil hjelpe deg å forstå hvordan du bruker post metode:

“Formene.html ”-filen vil forbli den samme, den eneste forskjellen vil være i skjema -attributtet i.e. Vi vil bruke post metode:

formsattributter.html

På denne måten vil dataene bli lagt ut og vises ikke i nettadressen.

Hvordan bruke målattributt i HTML -skjemaer

Den spesifiserer det målrettede vinduet/fanen for å vise resultatet i.e. Det bestemmer at enten resultatet vises på den gjeldende fanen eller ny fanen. Det kan ta _self, _parent, _top og _blank verdi. De _blank vil vise resultatet i den nye fanen.

Eksempel I dette eksemplet vil vi bruke _blank verdi for mål Attributt for å vise resultatet i den nye fanen:

Følgende vil være utdataene for ovennevnte kode:

Hvis du klikker på sendeknappen, viser resultatet i en ny fane:

Hvordan bruke autofullfør attributt i HTML -skjemaer

Som navnet i seg selv antyder, bestemmer den autofullførte attributtet om verdiene skal bli fullført automatisk eller ikke. For eksempel "AutoComplete = ON”Bestemmer at alt som en bruker legger inn, vil bli husket for fremtidig bruk.

Eksempel La oss vurdere koden nedenfor for å forstå hvordan du bruker AutoComplete -attributt:

Ovennevnte kode angir verdien av autofullstendige som på, og den produserer følgende utgang:

Når du har fylt de respektive feltene og sendt inn dataene og deretter oppdaterer siden, kan du bekrefte at AutoComplete viser inn i data som forslag som forslag.

Utgangen verifiserer at det autofullførte attributtet fungerer på riktig måte.

Konklusjon

Attributtene til HTML bestemmer hvordan du behandler skjemaets data i.e. de handling Attributt bestemmer handlingen som skal utføres på skjemainnlevering, metode Attributt bestemmer hvordan du sender inn skjemaets data i.e. Get -metoden vil bli lagt ved URL eller POST -metoden vil bli lagt ved kroppen til HTTPs forespørsel. Videre spesifiserer målattributtet den målrettede fanen/vinduet, og AutoComplete -attributtet bestemmer om de allerede angitte dataene skal huskes for senere bruk eller ikke.

Docker

Hva er trinnene for å distribuere et Nginx -bilde ved hjelp av Docker?

For å distribuere et Nginx -bilde, bruk “Docker Run -Name -P -D” -kommandoen og kjør bildet som en c...

Daniel Berntsen

Kraftskall

Hva er trinnene for å lansere Windows PowerShell

For å lansere PowerShell, først, navigerer du til Start -menyen og skriv PowerShell i søkeboksen, og...

Mathias Halvorsen

Python

Hva er B -streng i Python?

I Python brukes B -notasjonen ved siden av vanlig streng og encode () -metoden for å konvertere stre...

Mathias Halvorsen