HTML FORM TEXTBOX

“Um formulário da web é a maneira mais comum de coletar dados on -line nos dias de hoje. Dos questionários individuais de pesquisa a enormes campanhas de marketing, esses formulários da Web provam ser uma fonte muito útil para obter a perspectiva do público. Um componente importante de um formulário HTML é uma caixa de texto e, neste artigo, levaremos você a propósito deste elemento HTML, bem como o método de criar caixas de texto em formulários HTML.”

Objetivo de uma caixa de texto em formulários HTML

Uma caixa de texto ou um campo de texto em um formulário HTML é usado para coletar dados textuais de liner único do usuário. Geralmente, sempre que você quiser dar ao usuário a liberdade de entrar no texto digitando, em vez de selecioná-lo de uma lista predefinida, você sempre usa uma caixa de texto HTML ou campo de texto. A seção a seguir descreverá o procedimento de criação de uma caixa de texto em um formulário HTML.

Criação de caixas de texto em formulários HTML

Para aprender a criação de caixas de texto em formulários HTML, você pode considerar os dois exemplos explicados abaixo:

Exemplo # 1: Criando caixas de texto simples em formulários HTML

Neste exemplo, nosso objetivo é criar caixas de texto simples em formulários HTML para coletar algumas informações específicas. No entanto, não queremos tomar nenhuma ação depois disso. Projetamos o seguinte script HTML para criar caixas de texto simples nos formulários HTML:

Você pode ver que, neste script, primeiro fornecemos um título para notificar o usuário sobre o objetivo deste script html. Então, dentro do rótulo "formulário" (como estamos criando um formulário HTML), definimos três caixas de texto diferentes com rótulos "nome", "idade" e "gênero" para coletar o nome, idade e gênero do usuário respectivamente. Todos esses rótulos, bem como as caixas de texto associadas, aparecerão em linhas separadas. O usuário poderá entrar em qualquer informação que desejar dentro dessas caixas de texto. No entanto, ele não poderá tomar nenhuma ação depois de inserir essas informações.

Quando executamos nosso script HTML, a página da web que apareceu em nosso navegador é mostrada na imagem abaixo. Esta página da web contém todas as três caixas de texto.

Agora, você está livre para inserir qualquer informação aleatória nessas caixas de texto, conforme mostrado na imagem a seguir:

Exemplo # 2: Criando caixas de texto com um botão de ação em formulários HTML

Neste exemplo, modificaremos um pouco o script html que criamos acima. Queremos fazer esta modificação para introduzir um botão de ação em nosso formulário HTML. Você terá que olhar para o script HTML mostrado abaixo para entender esta modificação:

Este script HTML é quase o mesmo que compartilhamos acima; No entanto, antes de fechar o rótulo "formulário", criamos um botão "Enviar" também neste formulário para que o usuário possa pressionar esse botão depois de inserir as informações relevantes no formulário. No entanto, não criamos nenhuma página de ação. Portanto, clicar neste botão não navegará em nenhuma nova página.

A página da web modificada de acordo com este script HTML é mostrada na imagem a seguir:

Agora, inseriremos algumas informações em cada uma dessas caixas de texto, conforme mostrado na imagem abaixo:

Depois de inserir essas informações, quando pressionamos o botão "Enviar", apenas o URL da nossa página da web mudou, mostrando o nome, a idade e o sexo que acabamos de entrar. Isso é mostrado na imagem a seguir. No entanto, depois de fazer isso, fomos simplesmente redirecionados para uma forma HTML em branco, pois não criamos nenhuma página de ação em primeiro lugar.

Conclusão

Este artigo foi escrito, tendo em mente a necessidade de usar caixas de texto em formulários HTML. Portanto, primeiro explicou o objetivo deste elemento HTML, seguido pelo método de criar caixas de texto em formulários HTML. Depois de aprender esse método, será um pedaço de bolo para você criar quantas caixas de texto em seus formulários HTML forem necessários.