En HTML, los campos de entrada son una parte importante de los elementos de formulario utilizados para obtener la entrada de los usuarios o para insertar datos. Más específicamente, un ""Elemento con el tipo"texto"Le permite ingresar cualquier combinación de letras, números o símbolos. Además, el usuario puede restringir el campo de entrada para agregar solo valores específicos, como "valores numéricos","valores positivos", y valores alfabéticos".

Este tutorial demostrará el procedimiento para establecer la entrada de texto HTML para permitir solo entrada numérica.

Cómo establecer la entrada de texto HTML para permitir solo entrada numérica?

El tipo de entrada "numérico"Permite solo ingresar los datos numéricos. Para restringir la entrada de texto para ingresar solo datos en el formulario de números, siga las instrucciones proporcionadas a continuación.

Paso 1: Insertar encabezado

Primero, inserte un encabezado con cualquier "

" hacia "

"Etiqueta de encabezado. Por ejemplo, hemos usado el "

"Etiqueta para agregar un encabezado de nivel uno.

Paso 2: crear un contenedor "div"

A continuación, cree un elemento "div" con la ayuda del ""Etiqueta y asigna un atributo de clase.

Paso 3: crear un formulario

Después de eso, cree un formulario HTML usando el "" elemento. Después de eso, inserte el siguiente elemento entre las etiquetas "":

• Añade el ""Etiqueta para agrupar varios elementos.
• "El elemento HTML representa un subtítulo para un elemento
• El ""La etiqueta se utiliza para crear controles interactivos para formularios basados ​​en la web para aceptar la entrada de los usuarios.
• "tipo"Es un atributo que se utiliza para definir el elemento tipo en un formulario. Para ingresar solo los datos numéricos en el campo de texto, aquí se establece como "número".
• "paso"El atributo se usa para especificar el intervalo en los números /permitidos /legales en un"" elemento
• "requerido"Es un atributo booleano. Restringe que los usuarios ingresen algunos datos en el campo de entrada.
• "nombre"Se utiliza para especificar el nombre de un elemento.
• Al final, agregue un botón con el tipo de entrada "entregar".
• "
  "Se usa como un interruptor de línea:

Ingrese los datos en el formulario

Introduzca su edad:



Ingrese la experiencia laboral:



Entregar:

Producción

Paso 4: Elemento de encabezado de estilo

Para diseñar el encabezado, primero, acceda al elemento de encabezado con la ayuda del nombre de la etiqueta "H1":

H1
Text-Align: Center;

Luego, aplique el "texto alineadoPropiedad para establecer la alineación del texto de encabezado. Para ese propósito, hemos establecido el valor como "centro"Para la alineación central.

Paso 5: Elemento de estilo "div"

A continuación, acceda a la "div"Elemento usando la clase asignada".contenido”Y aplique las propiedades CSS mencionadas:

.contenido
margen: 20px 100px;
Color de fondo: Blanchedalmond;

Aquí:

• "margen"Asigna un espacio fuera del elemento.
• "color de fondo"La propiedad se usa para definir el color de la parte posterior del elemento.

Producción

Se trata de configurar la entrada de texto HTML para permitir solo datos numéricos.

Conclusión

Para establecer la entrada de texto HTML para permitir solo una entrada numérica, cree un formulario HTML usando el "" elemento. A continuación, utilice el ""Elementos junto con el"tipo"Atributo y especifique su valor como"numérico", Que permite a los usuarios ingresar solo datos numéricos. Este artículo le ha enseñado cómo establecer la entrada de texto HTML para permitir solo datos numéricos.