Más de 1 fila en <Input type=”textarea” />

Más de 1 fila en <Input type=”textarea” />

Los formularios son un elemento básico e importante de la página HTML que generalmente se usa para obtener la entrada del usuario. Normalmente, un formulario HTML consiste en un textea, botón de envío, una radio y casilla de verificación. Use el tipo de entrada apropiado si el usuario desea los campos de formulario para aceptar números de teléfono, direcciones de correo electrónico y otros datos. Sin embargo, hay ocasiones en que los usuarios deben completar formularios con más información, como el campo de texto Descripción, para el cual la textura debe ser más grande que una fila.

Esta publicación explica:

  • Método 1: Cómo agregar más de una fila en ""?
  • Método 2: Cómo agregar más de una fila en la etiqueta ""?

Método 1: Cómo agregar más de una fila en ""?

Para agregar más de una fila en "" tipo de elemento "textea", Siga el procedimiento dado a continuación.

Paso 1: Agregar encabezado

Primero, utilice cualquier etiqueta de encabezado

a

Para agregar un encabezado. Por ejemplo, el "

"La etiqueta se usa para agregar un encabezado de nivel uno.

Paso 2: crear un elemento "div"

A continuación, cree un "div"Elemento con la ayuda del"" etiqueta. Además, inserte un "clase"Atributo y asignarlo un valor"principal".

Paso 3: Inserte el área de texto

Después de eso, inserte un ""Etiqueta junto con los siguientes atributos:

  • "tipo"El atributo define el tipo de"" elemento. Si el "tipo"El atributo no está determinado, entonces"texto"Se establece como el valor predeterminado.
  • "hilera"Se usa para especificar la altura de un área de texto que es visible en líneas.
  • "cols"Se usa para definir el ancho del área de texto:

Insertar texto en TextARea



Puede ver que se ha creado TextAREA que puede aceptar texto de múltiples líneas:

Paso 4: encabezado de estilo "H1"

Acceda al encabezado por nombre de la etiqueta y aplique las siguientes propiedades CSS codificadas:

H1
estilo fuente: oblicuo;
Color: RGB (231, 173, 14);
Text-Align: Center;

Aquí, "Estilo de fuente"Se usa para diseñar texto de encabezado", "color"Especifica el color del texto y el"texto alineado"Establece la alineación del texto como centro.

Paso 5: Elemento de estilo "div"

Primero, acceda al "div"Elemento usando la clase asociada".principal”Y aplique las siguientes propiedades:

.principal-div
estilo fronterizo: doble;
color de frontera: RGB (2, 187, 233);
Text-Align: Center;
margen: 40px;
relleno: 50px;
Color de fondo: Bisque;

Aquí está la descripción de las propiedades codificadas anteriormente:

  • "estilo de borde"Se usa para diseñar el borde.
  • "color del borde"La propiedad asigna un color a un borde definido.
  • "margen"La propiedad determina el lado exterior del espacio en blanco del límite del elemento.
  • "relleno"Especifica el espacio alrededor del contenido del elemento.
  • "color de fondo"Establece el color en el fondo del elemento.

Producción

Método 2: Cómo agregar más de una fila en la etiqueta ""?

Como el ""Elemento, el HTML""También se usa para especificar el área de texto en un documento HTML. Para especificar el ""De más de una fila, pase por las instrucciones dadas.

Paso 1: Agregar área de texto

Siga el código de la sección anterior y agregue el ""Elemento en lugar del"" elemento.

Además, agregue "hilera" y "cols"Atributos:

Insertar texto en TextARea




Producción

Nota: Para peinar el ""Elemento a través de CSS, siga el primer método.

Conclusión

Para agregar más de una fila en HTML "" tipo de elemento "textea", Los usuarios pueden utilizar el"hilera" y "cols"Atributos. Para este propósito, primero, agregue el ""Elemento junto con el tipo"textea" atributo. Luego, utiliza el "hilera" y "colsAtributo para aceptar la entrada de texto de múltiples líneas en el área de texto. Este tutorial ha demostrado los métodos para agregar más de una fila en el área de texto.