Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Trabalhando com o Elemento Textarea para Entrada Multilinha | Formulários HTML e Entrada do Usuário
HTML Definitivo

book
Trabalhando com o Elemento Textarea para Entrada Multilinha

O elemento <textarea> é uma ferramenta poderosa para criar um campo de entrada de texto multilinha em uma página web. Ele permite que os usuários insiram e enviem quantidades maiores de texto do que o elemento <input>, que é limitado a uma única linha de texto.

html
<textarea></textarea>

O elemento <textarea> consiste em uma tag de abertura <textarea> e uma tag de fechamento </textarea>. Qualquer texto colocado entre essas tags servirá como valor padrão para a área de texto.

Atributos

name: especifica o nome da área de texto, que é usado para identificar o campo quando o formulário é enviado.

html
<textarea name="feedback"></textarea>

rows e cols: determinam o número de linhas e colunas visíveis da área de texto, respectivamente. Permitem especificar a largura e a altura da área de texto.

html
<textarea name="feedback" rows="3" cols="30"></textarea>

placeholder: fornece uma breve dica ao usuário sobre as informações esperadas na área de texto. É exibido como um texto temporário até que o usuário comece a digitar.

html
<textarea name="feedback" placeholder="Leave your opinion"></textarea>

maxlength: especifica o número máximo de caracteres que podem ser inseridos na área de texto. Ajuda a impor limites ou restrições de caracteres.

html
<textarea name="feedback" maxlength="200"></textarea>

readonly: o atributo readonly, quando adicionado ao elemento <textarea>, torna o campo somente leitura, impedindo que os usuários modifiquem o texto. É útil ao exibir conteúdo pré-preenchido ou não editável.

html
<textarea name="feedback" readonly>This content is read only.</textarea>

Exemplo

html

index.html

copy
<form onsubmit="return false">
<label for="name">Name</label>
<input type="text" id="name" />

<label for="feedback">Feedback</label>
<textarea name="feedback" id="feedback" rows="3" placeholder="Leave your opinion"></textarea>

<button type="submit">Submit</button>
</form>

1. Qual tipo de entrada é utilizado para selecionar uma data?

2. Qual atributo é utilizado para definir o número máximo de caracteres permitidos em um campo de entrada de texto?

3. Qual elemento é utilizado para criar um campo de entrada de múltiplas linhas?

4. Qual atributo é utilizado para definir o valor inicial de um campo de entrada?

question mark

Qual tipo de entrada é utilizado para selecionar uma data?

Select the correct answer

question mark

Qual atributo é utilizado para definir o número máximo de caracteres permitidos em um campo de entrada de texto?

Select the correct answer

question mark

Qual elemento é utilizado para criar um campo de entrada de múltiplas linhas?

Select the correct answer

question mark

Qual atributo é utilizado para definir o valor inicial de um campo de entrada?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 7

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

We use cookies to make your experience better!
some-alt