Caixa de texto HTML | Explicado

Você já viu em muitos softwares e sites quando clica na área de texto, o cursor começa a piscar lá, indicando que os usuários podem começar a digitar. Esta funcionalidade especificada pode ser incluída usando a caixa de texto HTML. Mais especificamente, a caixa de texto é o elemento comum no HTML que pode controlar a entrada do usuário. É uma área em que os usuários podem inserir qualquer texto de entrada.

Este guia discutirá:

• Quais são os tipos de caixas de texto HTML?
• Caixas de texto HTML de linha única
• Caixas de texto HTML multi-linhas

Vamos começar!

Quais são os tipos de caixas de texto HTML?

Existem dois tipos de caixas de texto HTML:

• Caixa de texto de linha única: Este tipo de caixa de texto leva a entrada de linha única do usuário na página da web.
• Caixa de texto de várias linhas: Este tipo de caixa de texto leva a entrada de texto de várias linhas do usuário na página da web.

Siga em direção a eles um por um!

Como criar uma caixa de texto HTML de linha única?

Para criar uma caixa de texto HTML de linha única, siga a sintaxe abaixo:

Na sintaxe dada, a tag de entrada possui dois atributos:

• ““tipo”Representa o tipo de campo de entrada que pode ser definido de acordo com as preferências. Por exemplo, pode ser campos de texto, campos de senha, campos de e -mail e muito mais.
• ““nome”Do elemento que será usado como referência em JavaScript e busca dados após o envio.

Exemplo: Criação da caixa de texto HTML de linha única

Vamos criar dois campos de entrada usando o “”Tag e especificando seu tipo como“texto”. Além disso, especifique o nome do primeiro campo de entrada como “user_name1”E o segundo como“user_name2”:

Primeiro nome:
Sobrenome:

Atualmente, a página da web ficará assim com duas caixas de texto único:

Na próxima seção, aprenderemos a criar uma caixa de texto de várias linhas.

Como criar caixas de texto HTML multi-linhas?

A caixa de texto de várias linhas HTML é usada em formulários para obter feedback ou comentários do usuário. Ele coleta várias linhas de texto. Além disso, o “”A tag pode ser utilizada para criar caixas de texto HTML multi-linhas.

Sintaxe

Aqui está a sintaxe para criar uma caixa de texto de várias linhas em HTML:

A descrição da sintaxe acima é mencionada aqui:

• ““nome”É usado para especificar o nome do elemento para que ele possa ser usado mais como em javascript.
• ““cols" e "linhas”São utilizados para o tamanho da área de texto, adicionando seus valores como“N1" e "n2”.

Vamos esclarecer esse conceito com a ajuda da implementação!

Exemplo: Criação de caixas de texto HTML de várias linhas

Na página da web, adicione a tag, especifique seu “nome" como "opinião","eu ia" como "f_area”, Número de colunas“cols" como "30", e o número de "linhas" como "10”. O texto padrão que precisa ser exibido dentro da caixa de texto de várias linhas será escrito dentro das tags de abertura e fechamento da área de texto:

Área de feedback:


Dê seu feedback aqui!

Como você pode ver na imagem abaixo, a caixa de texto de várias linhas será exibida na página da web:

Essas são as maneiras de criar caixas de texto de linha única e de várias linhas em HTML.

Conclusão

Caixas de texto HTML são elementos comumente usados ​​em formulários para obter entradas do usuário. Existem dois tipos de caixas de texto HTML: caixas de texto de linha única e caixas de texto de várias linhas. O "" e "”As tags podem ser utilizadas para criar caixas de texto de linha única e de várias linhas, respectivamente. Neste guia, explicamos o que é uma caixa de texto HTML e como criar caixas de texto de linha única e de várias linhas em HTML.