Cuadro de texto HTML | Explicado

Ha visto en muchos software y sitios web cuando hace clic en el área de texto, el cursor comienza a parpadear allí, lo que indica que los usuarios pueden comenzar a escribir. Esta funcionalidad especificada se puede incluir utilizando el cuadro de texto HTML. Más específicamente, el cuadro de texto es el elemento común en HTML que puede controlar la entrada del usuario. Es un área donde los usuarios pueden ingresar cualquier texto de entrada.

Esta guía discutirá:

• ¿Cuáles son los tipos de cuadros de texto HTML??
• Cuadros de texto HTML de una sola línea
• Cuadros de texto HTML de múltiples líneas

Empecemos!

¿Cuáles son los tipos de cuadros de texto HTML??

Hay dos tipos de cuadros de texto HTML:

• Cuadro de texto de una sola línea: Este tipo de cuadro de texto requiere entrada de línea única del usuario en la página web.
• Cuadro de texto múltiple: Este tipo de cuadro de texto recibe entrada de texto de múltiples líneas del usuario en la página web.

Dirígete hacia ellos uno por uno!

Cómo crear un cuadro de texto HTML de una sola línea?

Para crear un cuadro de texto HTML de una sola línea, siga la sintaxis dada a continuación:

En la sintaxis dada, la etiqueta de entrada tiene dos atributos:

• "tipo"Representa el tipo de campo de entrada que se puede establecer de acuerdo con las preferencias. Por ejemplo, podrían ser campos de texto, campos de contraseña, campos de correo electrónico y mucho más.
• "nombre"Del elemento que se utilizará como referencia en JavaScript y obteniendo datos después del envío.

Ejemplo: creación de un cuadro de texto HTML de una sola línea

Creemos dos campos de entrada usando el ""Etiqueta y especificando su tipo como"texto". Además, especifique el nombre del primer campo de entrada como "user_name1"Y el segundo como"user_name2":

Nombre de pila:
Apellido:

Actualmente, la página web se verá así con dos cuadros de texto individuales:

En la siguiente sección, aprenderemos cómo crear un cuadro de texto de múltiples líneas.

Cómo crear cuadros de texto HTML de múltiples líneas?

El cuadro de texto múltiple HTML se usa en formularios para recopilar comentarios o comentarios del usuario. Recopila múltiples líneas de texto. Además, el ""La etiqueta se puede utilizar para crear cuadros de texto HTML de múltiples líneas.

Sintaxis

Aquí está la sintaxis para crear un cuadro de texto de múltiples líneas en HTML:

La descripción de la sintaxis anterior se menciona aquí:

• "nombre"Se usa para especificar el nombre del elemento para que pueda usarse más como en JavaScript.
• "cols" y "hilera"Se utilizan para el tamaño del área de texto agregando sus valores como"N1" y "N2".

Aclaremos este concepto con la ayuda de la implementación!

Ejemplo: Creación de cuadros de texto HTML de múltiples líneas

En la página web, agregue la etiqueta, especifique su "nombre" como "comentario","identificación" como "f_area", Número de columnas"cols" como "30", Y el número de"hilera" como "10". El texto predeterminado que debe mostrarse dentro del cuadro de texto de múltiples líneas se escribirá dentro de las etiquetas de apertura y cierre del área de texto:

Área de retroalimentación:


Da tus comentarios aquí!

Como puede ver en la imagen a continuación, el cuadro de texto de múltiples líneas se mostrará en la página web:

Estas son las formas de crear cuadros de texto de línea única y múltiples en HTML.

Conclusión

Los cuadros de texto HTML son elementos de uso común en formularios para tomar entradas del usuario. Hay dos tipos de cuadros de texto HTML: cuadros de texto de una sola línea y cuadros de texto de múltiples líneas. El "" y ""Las etiquetas se pueden utilizar para crear cuadros de texto de una sola línea y múltiples, respectivamente. En esta guía, hemos explicado qué es un cuadro de texto HTML y cómo crear cuadros de texto de una sola línea y múltiples líneas en HTML.