La etiqueta <textarea> en HTML define un control de edición de texto sin formato de varias líneas. Un espacio de texto contendrá una variedad infinita de caracteres y, por lo tanto, el texto se representa en una fuente de ancho establecido (generalmente Courier). El tamaño de un área de texto suele depender de los atributos cols y rows, o tal vez mejor; a través de las propiedades de altura y dimensión de CSS. El área de texto generalmente se usa en un formulario para recopilar las entradas de los usuarios, como comentarios o reseñas. El atributo de nombre es necesario para la referencia en los datos del formulario después de enviar el formulario. Al omitir el atributo de nombre , no se enviarán los datos del área de texto. Se requiere el atributo id para vincular el área de texto con una etiqueta.
Sintaxis:
<textarea>....</textarea>
Valores de atributo:
- autocompletar : se utiliza para especificar si el campo Textarea tiene autocompletado activado o desactivado.
- enfoque automático : se utiliza para especificar que el campo de área de texto debe enfocarse automáticamente cuando se carga la página.
- cols : se usa para decirle al navegador cuántos caracteres de ancho promedio deben caber en una sola línea, es decir, el número de columnas que se mostrarán.
- dirname : se utiliza para habilitar la dirección del texto del campo Textarea después de enviar el formulario.
- disabled : se utiliza para especificar que el elemento del área de texto está deshabilitado.
- form : Se utiliza para especificar una o más formas a las que pertenece el elemento <Textarea>.
- maxlength : se utiliza para especificar el número máximo de caracteres ingresados en el elemento Textarea.
- minlength : se utiliza para definir el número mínimo de caracteres (como unidades de código UTF-16) de un elemento de área de texto.
- name : Se utiliza para especificar el nombre del elemento <Textarea>.
- marcador de posición : se utiliza para especificar el valor esperado que se mostrará antes de la entrada del usuario en el elemento de área de texto.
- readonly : se utiliza para especificar que el elemento textarea es de solo lectura. Si el área de texto es de solo lectura, su contenido no se puede cambiar, pero se puede copiar y resaltar.
- requerido : Es un atributo booleano que se usa para especificar que el elemento <textarea> debe completarse antes de enviar el Formulario.
- filas : se utiliza para especificar el número de líneas de texto visibles para el control, es decir, el número de filas que se mostrarán.
- wrap : se utiliza para especificar de qué manera se debe envolver el texto en un área de texto cuando se envía un formulario.
Ejemplo 1: este ejemplo simple ilustra el uso de la etiqueta <textarea> en HTML que habilita el control de entrada de texto de varias líneas.
HTML
<!DOCTYPE html> <html> <head> <title>textarea tag</title> </head> <body> <h1>GeeksForGeeks</h1> <h2>HTML Textarea tag </h2> <form action="#"> <textarea rows="10" cols="20" name="blog"> Share your knowledge by writing your own blog! </textarea> <br> <input type="submit" value="submit"> </form> </body> </html>
Producción:
Etiqueta HTML <área de texto>
Ejemplo 2: En este ejemplo, hemos utilizado la propiedad de cambio de tamaño cuyo valor se establece en ninguno que deshabilitará la opción de cambio de tamaño del área de texto.
HTML
<!DOCTYPE html>
<html>
<head>
<title>HTML textarea tag</title>
<style>
textarea {
resize: none;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML Textarea tag </h2>
<form action="#">
<textarea rows="7"
cols="50"
name="comment">
</textarea>
<br>
<input type="submit">
</form>
</body>
</html>
Producción:
Etiqueta HTML <área de texto>
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Microsoft borde 12
- Firefox
- Safari
- Ópera
Publicación traducida automáticamente
Artículo escrito por shubham_singh y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA