Formulários HTML

Os formulários em HTML são usados ​​para coletar informações dos usuários (em uma página da web) e para processar esses dados. Por exemplo, você teria encontrado formulários de inscrição/inscrição que coletam as credenciais e os processam para cantar ou criação de uma conta. A infração fundamental em relação aos formulários HTML é fornecida neste artigo. Além disso, também descrevemos um exemplo para criar formulários HTML.

Fundamentos dos formulários HTML

Aqui, procuraremos os blocos de construção de elementos de forma HTML e seus respectivos atributos. Então, vamos cavar neles:

Elemento de forma html

Esta tag é a base dos formulários HTML e é usada para dar o primeiro passo para criar formulários HTML. A sintaxe a seguir refere -se à tag do formulário:

elementos de forma

Os elementos do formulário seriam discutidos nas próximas seções. Aqui, apresentamos a tabela de atributos suportados pelo elemento de forma html.

Atributos do elemento de forma html
Atributos	Valor (s)	Descrição
Ação		Isso define o local/arquivo em que os dados do formulário serão enviados
alvo		É usado para exibir a resposta após o envio do formulário
	_auto	Janela atual
	_principal	Quadro completo da janela atual
	_parent	Quadro pai
	_em branco	Nova janela
Método		Define o método HTTP de enviar o formulário
	PEGAR	É o método padrão usado para solicitar dados do servidor
	PUBLICAR	Usado para enviar dados para o servidor
autocompletar	sobre	Reutilizar o formulário irá preencher automaticamente os campos
Novalidato		Os dados do formulário não serão validados no envio

A tabela acima resumiu todos os atributos suportados pelo elemento de formulário. Vamos explorar elementos dos formulários HTML.

Elemento da etiqueta HTML

Este elemento define o rótulo dos elementos de formulário HTML para mostrar o objetivo/descrição desse elemento na tela do usuário. Embora não seja um elemento necessário para criar formulários HTML, no entanto, é recomendável adicionar esse elemento, pois ajuda a orientar os usuários.

A sintaxe da etiqueta da etiqueta é descrita abaixo

nome

O nome representa o valor que seria exibido na tela do usuário e aceita um atributo nomeado para que contém a referência ao eu ia atributo do elemento de entrada.

Elemento de entrada HTML

O elemento de entrada é considerado como o elemento central de uma forma HTML. A sintaxe fornecida abaixo refere -se ao elemento de entrada:

A funcionalidade da tag de entrada depende dos atributos e de seus valores. Listamos os atributos importantes do elemento de entrada HTML.

Atributos do elemento de entrada
Atributos	Valor (s)	Descrição
eu ia		Define o identificador para reconhecimento
Valor		Especifica o valor inicial do campo de entrada
Nome		usado para enviar os dados do elemento de entrada
somente leitura		Usado para restringir o campo de texto a somente leitura
comprimento máximo		Usado para definir o número máximo de caracteres em um campo de entrada
min		Usado para definir o valor mínimo de número, data, intervalo, mês etc.,
máx		O valor máximo de número, data, alcance, mês, etc.,
múltiplo		Este atributo permite inserir vários endereços de email ou anexar vários arquivos
obrigatório		Deve ser preenchido antes do envio
espaço reservado		Os caracteres fictícios que já estão presentes no campo de entrada
tipo		Usado para inserir dados dependendo dos valores
	texto	Campo de texto único para inserir dados
	botão	Crie um botão
	senha	Defina um campo de senha
	enviar	Enviar botão para enviar o formulário
	reiniciar	Redefinir o botão para redefinir todos os valores
	rádio	Para criar um botão de rádio
	Caixa de seleção	Para criar uma caixa de seleção
	cor	Para definir uma cor do campo de texto
	data	Crie um campo de data
	e-mail	Para criar um campo de texto para obter endereço de e -mail
	arquivo	Um campo de seleção de arquivo seria criado para obter o arquivo
	escondido	Um campo que só é visível para o desenvolvedor
	mês	Para selecionar mês e ano
	número	Cria um campo que aceita valores numéricos
	Tel	Para inserir um número de telefone
	url	Usado para criar um campo que contém URL

Os atributos fornecidos na tabela descrevem que o elemento de entrada tem um papel fundamental na criação de formulários HTML.

Elemento html textarea

O elemento de entrada permite inserir um campo de texto de linha única. No entanto, se você deseja criar campos de texto de várias linhas, precisará usar a tag usando a seguinte sintaxe:

Este elemento aceita três atributos, linhas, cols, e nome. As linhas e cols atribuem para definir o altura e largura do atributo enquanto o nome o atributo é usado para reconhecer a textarea pelo servidor.

Da discussão acima, você teria passado pelos blocos de construção de formulários HTML. Vamos praticá -los para criar uma amostra de formulário HTML.

Como criar um formulário HTML

Esta seção pratica alguns exemplos que criam formulários HTML em vários cenários.

Exemplo
O código fornecido abaixo cria um formulário HTML usando o elemento de formulário juntamente com elementos de entrada e etiqueta.

Digite seu nome:



Insira o seu endereço de email:



Introdução

Apresente-se

A descrição do código é a seguinte:

• Um elemento de formulário é declarado para iniciar o corpo que é seguido pelos elementos da etiqueta, entrada e área de texto.
• Dois elementos de etiqueta se referem a dois elementos de entrada que devem obter o nome e o email do usuário. Além disso, o último elemento de etiqueta representa o campo textário.
• Por fim, um botão é criado usando o tipo de envio do elemento de entrada.

Saída

Para uma melhor compreensão da saída, destacamos a área em que o rótulo, entrada, textarea e botões de envio são criados.

Conclusão

Os formulários em HTML são usados ​​para coletar dados do usuário. Pode ser para qualquer finalidade, como informações do cliente, registro, feedback, comentários, etc. Um formulário HTML pode incluir vários campos de texto, botões de rádio, caixas de seleção, campos de e -mail e muito mais. Fornecemos os elementos fundamentais das formas html e, posteriormente, esses elementos são usados ​​para criar uma forma HTML também.