Skjemaer er et grunnleggende og viktig element i HTML -siden som vanligvis brukes til å få brukerinngang. Normalt består et HTML -skjema av en tekstarea, send inn knapp, en radio og avkrysningsrute. Bruk riktig inngangstype hvis brukeren ønsker skjemafeltene for å godta telefonnumre, e -postadresser og andre data. Imidlertid er det anledninger når brukere er pålagt å fylle ut skjemaer med mer informasjon, for eksempel beskrivelsens tekstfelt, som tekstområdet skal være større enn en rad.

Dette innlegget forklarer:

• Metode 1: Hvordan legge til mer enn en rad i “”?
• Metode 2: Hvordan legge til mer enn en rad i "" -merket?

Metode 1: Hvordan legge til mer enn en rad i “”?

Å legge til mer enn en rad i “”Elementtype”tekstarea”, Følg den undergitte prosedyren.

Trinn 1: Legg til overskrift

Først, bruk enhver overskriftskode

til

For å legge til en overskrift. For eksempel "

”Tag brukes til å legge til et nivå en overskrift.

Trinn 2: Lag et "div" -element

Neste, lage en “div”Element ved hjelp av“" stikkord. Sett også inn en "klasse”Attributt og tilordne det en verdi”Main-div”.

Trinn 3: Sett inn tekstområde

Etter det, sett inn en “”Tag sammen med følgende attributter:

• “type”Attributt definerer typen“”Element. Hvis “type”Attributt er ikke bestemt, da”tekst”Settes som standardverdi.
• “rader”Brukes til å spesifisere høyden på et tekstområde som er synlig i linjer.
• “Cols”Brukes til å definere tekstområdet bredde:

Sett inn tekst i TextArea

Du kan se at Textarea er opprettet som kan godta teksten med flere linjer:

Trinn 4: Stil “H1” overskrift

Få tilgang til overskriften med tagnavn og bruk de nedenfor kodede CSS -egenskapene:

H1
Font-stil: skrå;
Farge: RGB (231, 173, 14);
tekst-align: sentrum;

Her, “fontstil”Brukes til å style overskriftstekst,”farge”Angir fargen på teksten og“Tekstalign”Angir tekstjusteringen som et senter.

Trinn 5: Stil “Div” -element

Først får du tilgang til “div”Element som bruker den tilhørende klassen”.Main-div”Og bruk følgende egenskaper:

.Main-div
Border-stil: dobbelt;
grensefarge: RGB (2, 187, 233);
tekst-align: sentrum;
Margin: 40px;
polstring: 50px;
Bakgrunnsfarge: Bisque;

Her er beskrivelsen av overkodede egenskaper:

• “grensestil”Brukes til å style grensen.
• “grensefarge”Eiendom tildeler en farge til en definert grense.
• “margin”Eiendom bestemmer den blanke roms ytre side av elementets grense.
• “polstring”Angir plassen rundt elementets innhold.
• “bakgrunnsfarge”Setter fargen på bakgrunnen av elementet.

Produksjon

Metode 2: Hvordan legge til mer enn en rad i “” -merket?

Som "”Element, HTML””Brukes også til å spesifisere tekstområdet i et HTML -dokument. For å spesifisere “”På mer enn en rad, gå gjennom de gitte instruksjonene.

Trinn 1: Legg til tekstområde

Følg koden til ovennevnte avsnitt, og legg til "”Element i stedet for“”Element.

Legg også til “rader”Og“Cols" attributter:

Sett inn tekst i TextArea

Produksjon

Merk: For å style "”Element gjennom CSS, følg den første metoden.

Konklusjon

Å legge til mer enn en rad i html “”Elementtype”tekstarea”, Kan brukere bruke“rader”Og“Cols" attributter. For dette formålet, først, legg til "”Element sammen med typen”tekstarea" Egenskap. Bruk deretter “rader”Og“Cols”Attributt til å godta multielinjetekstinngangen i tekstområdet. Denne opplæringen har demonstrert metodene for å legge til mer enn en rad i tekstområdet.