In HTML, i campi di input sono una parte importante degli elementi del modulo utilizzati per ottenere input dagli utenti o per inserire i dati. Più specificamente, un ""Elemento con il tipo"testo"Ti consente di inserire qualsiasi combinazione di lettere, numeri o simboli. Inoltre, l'utente può limitare il campo di input per aggiungere solo valori specifici, come "valori numerici","valori positivi", E valori alfabetici".

Questo tutorial dimostrerà la procedura per l'impostazione dell'ingresso di testo HTML per consentire solo l'input numerico.

Come impostare l'input di testo HTML per consentire solo l'input numerico?

Il tipo di input "numerico"Consente di inserire solo i dati numerici. Al fine di limitare l'input di testo per inserire solo i dati nel modulo numeri, seguire le istruzioni sotto fornite.

Passaggio 1: inserire l'intestazione

Innanzitutto, inserire un'intestazione usando qualsiasi "

" al "

"Tag di intestazione. Ad esempio, abbiamo usato il "

"Tag per aggiungere un livello di livello uno.

Passaggio 2: crea un contenitore "div"

Successivamente, crea un elemento "div" con l'aiuto di ""Tag e assegnalo un attributo di classe.

Passaggio 3: creare un modulo

Successivamente, crea un modulo HTML usando ""Elemento. Successivamente, inserisci il seguente elemento tra i tag "":

• Aggiungi il ""Tag per raggruppare diversi elementi.
• ""L'elemento HTML rappresenta una didascalia per un articolo
• IL ""Il tag viene utilizzato per la creazione di controlli interattivi per i moduli basati sul Web per accettare l'input dagli utenti.
• "tipo"È un attributo che viene utilizzato per definire l'elemento tipo in una forma. Per immettere solo i dati numerici nel campo di testo, qui il tipo è impostato come "numero".
• "fare un passo"L'attributo viene utilizzato per specificare l'intervallo nei numeri /consentiti /legali in un""Elemento
• "necessario"È un attributo booleano. Limita agli utenti di immettere alcuni dati nel campo di input.
• "nome"È utilizzato per specificare il nome di un elemento.
• Alla fine, aggiungi un pulsante usando il tipo di input "invia".
• "
  "È usato come interruttore di linea:

Immettere i dati nel modulo

Inserisci la tua età:



Enter Experience di lavoro:



Invia:

Produzione

Passaggio 4: elemento di testa di stile

Per modellare l'intestazione, prima, accedi all'elemento di intestazione con l'aiuto del nome del tag "H1":

H1
Testo-align: centro;

Quindi, applica il "allineamento"Proprietà per l'impostazione dell'allineamento del testo dell'intestazione. A tale scopo, abbiamo impostato il valore come "centro"Per l'allineamento centrale.

Passaggio 5: elemento "div" stile

Successivamente, accedi al "div"Elemento usando la classe assegnata".contenuto"E applica le proprietà CSS menzionate:

.contenuto
Margine: 20px 100px;
Background-color: Blanchedalmond;

Qui:

• "margine"Assegna uno spazio al di fuori dell'elemento.
• "colore di sfondo"La proprietà viene utilizzata per definire il colore del retro dell'elemento.

Produzione

Si tratta di impostare l'input del testo HTML per consentire solo dati numerici.

Conclusione

Per impostare l'ingresso di testo HTML per consentire solo l'input numerico, creare un modulo HTML usando “"Elemento. Successivamente, utilizza il “"Elementi insieme al"tipo"Attribuire e specificare il suo valore come"numerico", Che consente agli utenti di inserire solo dati numerici. Questo articolo ti ha insegnato come impostare l'input di testo HTML per consentire solo i dati numerici.