I HTML er inngangsfeltene en viktig del av formelementene som brukes for å få innspill fra brukere eller for å sette inn data. Mer spesifikt en “”Element med typen”tekst”Tillater deg å legge inn en hvilken som helst kombinasjon av bokstaver, tall eller symboler. Videre kan brukeren begrense inngangsfeltet for å legge til bare spesifikke verdier, for eksempel "Numeriske verdier”,“Positive verdier”, Og Alfabetiske verdier”.

Denne opplæringen vil demonstrere prosedyren for innstilling av HTML -tekstinngangen for bare å tillate numerisk inngang.

Hvordan angi HTML -tekstinngang for bare å tillate numerisk inngang?

Inngangstypen "Numerisk”Tillater bare å legge inn numeriske data. For å begrense tekstinngang for bare å legge inn data i tallform.

Trinn 1: Sett inn overskrift

Først må du sette inn en overskrift ved å bruke hvilken som helst "

" til "

”Heading Tag. For eksempel har vi brukt "

”Tag for å legge til et nivå én på overskriften.

Trinn 2: Lag en "div" -beholder

Deretter lager du et "div" -element ved hjelp av "”Merk og tilordne det en klasseattributt.

Trinn 3: Lag et skjema

Etter det, lag en HTML -form ved å bruke “”Element. Sett etter det følgende element mellom "" -merket:

• Legg til "”Tag for å gruppere flere elementer.
• “”HTML -element representerer en bildetekst for et element
• “”Tag brukes til å lage interaktive kontroller for nettbaserte skjemaer for å godta innspill fra brukerne.
• “type”Er et attributt som brukes for å definere typeelementet i en form. For å angi bare de numeriske dataene i tekstfeltet, er typen her satt som "Antall”.
• “steg”Attributt brukes til å spesifisere intervallet i /tillatt /juridiske tall i en“”Element
• “påkrevd”Er en boolsk attributt. Det begrenser brukerne fra å legge inn noen data i inndatafeltet.
• “Navn”Brukes for å spesifisere navnet på et element.
• Til slutt, legg til en knapp ved hjelp av inngangstypen "sende inn”.
• “
  ”Brukes som en linjebryter:

Skriv inn data i form

Skriv inn din alder:



Skriv inn arbeidserfaring:



Sende inn:

Produksjon

Trinn 4: Style Heading Element

For å style overskriften, får du først få tilgang til overskriftselementet ved hjelp av tagnavnet "H1”:

H1
tekst-align: sentrum;

Deretter bruker du “Tekstalign”Eiendom for å sette innretting av overskriftsteksten. For det formålet har vi satt verdien som "senter”For senterjustering.

Trinn 5: Stil “Div” -element

Deretter får du tilgang til “div”Element ved bruk av den tildelte klassen”.innhold”Og bruk de nevnte CSS -egenskapene:

.innhold
Margin: 20px 100px;
Bakgrunnsfarge: Blanchedalmond;

Her:

• “margin”Tildeler et rom utenfor elementet.
• “bakgrunnsfarge”Eiendom brukes til å definere fargen på elementets bakside.

Produksjon

Det handler om å stille inn HTML -tekstinngang for bare å tillate numeriske data.

Konklusjon

For å stille inn HTML -tekstinngangen for bare å tillate numerisk inngang, oppretter du en HTML -skjema ved hjelp av "”Element. Neste, bruk "”Elementer sammen med“type”Attributt og spesifisere verdien som“Numerisk”, Som lar brukere angi bare numeriske data. Denne oppskrivningen har lært deg hvordan du angir HTML-tekstinndata for bare å tillate numeriske data.