HTML tekstboks | Forklart

Du har sett på mange programvare og nettsteder når du klikker på tekstområdet, markøren begynner å blinke der, noe som indikerer at brukere kan begynne å skrive. Denne spesifiserte funksjonaliteten kan inkluderes ved å bruke HTML -tekstboksen. Mer spesifikt er tekstboksen det vanlige elementet i HTML som kan kontrollere inngangen fra brukeren. Det er et område der brukere kan legge inn en hvilken som helst inngangstekst.

Denne guiden vil diskutere:

• Hva er typene HTML -tekstbokser?
• Single Line HTML -tekstbokser
• Multi-line HTML-tekstbokser

La oss komme i gang!

Hva er typene HTML -tekstbokser?

Det er to typer HTML -tekstbokser:

• Enkeltlinje tekstboks: Denne typen tekstboks tar enkeltlinjeinngang fra brukeren på websiden.
• Multi-linje tekstboks: Denne typen tekstboks tar flere linjers tekstinngang fra brukeren på websiden.

Ta turen mot dem en etter en!

Hvordan lage en linje HTML -tekstboks?

Følg den gitte syntaksen for å opprette Single Line HTML-tekstboks:

I den gitte syntaksen har inngangskoden to attributter:

• “type”Representerer typen av inngangsfeltet som kan settes i henhold til preferansene. For eksempel kan det være tekstfelt, passordfelt, e -postfelt og mye mer.
• “Navn”Av elementet som vil bli brukt som referanse i JavaScript og hente data etter innsending.

Eksempel: Opprette tekstboks for enkeltlinje HTML

La oss lage to inngangsfelt ved å bruke “”Tag og spesifiserer typen som“tekst”. Angi dessuten navnet på det første inngangsfeltet som "user_name1”Og den andre som“user_name2”:

Fornavn:
Etternavn:

Foreløpig vil websiden se ut som dette med to enkelttekstbokser:

I neste avsnitt lærer vi hvordan du oppretter en multi-linjetekstboks.

Hvordan lage multi-linjer HTML-tekstbokser?

HTML Multi-Line TextBox brukes i skjemaer for å samle tilbakemeldinger eller kommentarer fra brukeren. Den samler flere tekstlinjer. Dessuten "”Tag kan brukes til å lage multi-line HTML-tekstbokser.

Syntaks

Her er syntaksen for å lage en multi-linjes tekstboks i HTML:

Beskrivelsen av syntaks ovenfor er nevnt her:

• “Navn”Brukes til å spesifisere elementnavnet slik at det kan brukes videre som i JavaScript.
• “Cols”Og“rader”Brukes for størrelsen på tekstområdet ved å legge til verdiene sine som“n1”Og“n2”.

La oss avklare dette konseptet ved hjelp av implementering!

Eksempel: Opprette Multi-Line HTML-tekstbokser

På websiden, legg til taggen, spesifiser "Navn" som "Tilbakemelding”,“id" som "f_area”, Antall kolonner”Cols" som "30”, Og antallet“rader" som "10”. Standardteksten som må vises i tekstboksen for flere linjer, vil bli skrevet innenfor åpnings- og lukkende tagger i tekstområdet:

Tilbakemeldingsområde:


Gi tilbakemeldingene dine her!

Som du kan se i bildet nedenfor, vises den flerlinje tekstboksen på websiden:

Dette er måtene å lage tekstbokser med en linje og flerlinjer i HTML.

Konklusjon

HTML -tekstbokser er ofte brukte elementer i skjemaer for å ta brukerinnganger. Det er to typer HTML-tekstbokser: tekstbokser med en linje og tekstbokser med flere linjer. “”Og“”Tagger kan brukes til å lage henholdsvis enkeltlinje og multi-linjers tekstbokser. I denne guiden har vi forklart hva en HTML-tekstboks er og hvordan du oppretter tekstbokser med én linje og flerlinjer i HTML.