JavaScript -skjemaer | Forklart

JavaScript betjener et bredt spekter av funksjonalitet. Et annet nyttig trekk ved JavaScript er at det hjelper oss å forbedre HTML -skjemaene. Vi kan opprette skjemaene ved hjelp av taggen, men JavaScript kan brukes til formbehandling, formvalidering osv.

JavaScript lar oss behandle skjemaene uten å ringe/påkalle serveren. Dessuten tilbyr JavaScript flere egenskaper og metoder som brukes til å jobbe med skjemaer. For eksempel kan vi bruke getElementById () -metoden for å lese forskjellige HTML -elementer, ved å bruke den indre HTML -egenskapen vi kan angi skjemaets innhold, og så videre.

I denne oppskrivningen vil vi forstå det grunnleggende om JavaScript-skjemaer, og for å gjøre det, vil vi dekke de nedenfor-listede læringsutbyttet:

• Hva er skjemaer i JavaScript?
• Hvordan lage et skjema ved hjelp av JavaScript?

Så la oss komme i gang!

Hva er skjemaer i JavaScript?

En form er en beholder/holder som kan holde flere elementer. I JavaScript brukes konseptet med former for å samle brukerens inngang ved hjelp av forskjellige elementer som inngangsfelt, knapper, etiketter, feltsett, tekstfelt og så videre. JavaScript kan brukes til å samhandle med skjemaene, for å validere skjemaene, for å behandle skjemaene osv.

Hvordan lage et skjema ved hjelp av JavaScript?

La oss vurdere det undergitte eksemplet for å forstå hvordan du lager et skjema ved hjelp av JavaScript:

Html

Navn:



Alder:

Ovennevnte program tjener følgende funksjonaliteter:

• For det første benyttet vi oss

  Tag for å definere et avsnitt, og tilordne det en ID = “Detaljer”.

• Etterpå opprettet vi et skjema ved hjelp av taggen, og innenfor skjema -taggen opprettet vi to inngangsfelt og en knapp.

JavaScript

Funksjon ShowDetails ()

var empdetails = dokument.getElementById ('detaljer');
var empname = dokument.getElementById ('navn');
var empage = dokument.getElementById ('alder');
Empdetails.InnerHtml = "Navn:" + EmpName.verdi + "
" +" Alder: " + empage.verdi;

• I JavaScript -fil I.e. form.JS, vi benyttet oss av getElementById () -metoden for å lese HTML -elementer.
• Deretter benyttet vi den innerhtml -egenskapen for å sette navn og alder på

  element.

• Ved vellykket utførelse av programmet, vil vi innledningsvis få den undergitte produksjonen:

Nå vil vi legge inn noen data i inndatafeltene, og etterpå klikker vi på "Vis detaljer" -knappen. Etter å ha klikket på knappen, får vi følgende utdata:

Slik kan du komme i gang med JavaScript -skjemaene.

Konklusjon

I JavaScript brukes skjemaene til å samle brukerens inngang ved hjelp av forskjellige elementer som inngangsfelt, avmerkingsbokser, knapper, tekstfelt og så videre. JavaScript gjør det mulig å behandle skjemaene uten å ringe serveren. JavaScript gir flere egenskaper og metoder for å jobbe med former som GetElementById () -metode for å lese forskjellige HTML -elementer, den indre egenskapen til å angi skjemaets innhold, og så videre. Denne oppskrivningen gir den grunnleggende forståelsen av JavaScript-skjemaer ved hjelp av passende eksempler.