HTML5 - Criação de Formulário

Índice
Os formulários são elementos em HTML 5 que permitem a coleta de dados através de outros elementos filhos, para processar esses dados vamos exigir uma linguagem adicional para podermos utilizar os dados enviados pelo formulário, a tag que usaremos como um grande recipiente será Formato.
Crie um formulário básico
Para gerar um formulário, devemos usar o rótulo Formato Este será o nosso grande container, dentro dele iremos agrupar elementos de entrada de dados, nomenclatura de seções e botões que irão indicar alguma ação específica; os componentes básicos que devem entrar no Formato está: entrada Y botão e os atributos básicos que carrega são açao Y método Esses não são os únicos elementos relacionados, mas são os mais importantes porque definem a base com a qual devemos trabalhar.
Vejamos abaixo como gerar um formulário básico:
 Exemplo de envio de voto 

Como vemos Formato engloba os elementos entrada Y botão. Neste caso, ele também usa os atributos método Y açao que mencionamos anteriormente, vamos descrever cada um deles.
  • Entrada: Este elemento permite-nos capturar a informação que o utilizador da nossa página vai introduzir em forma de texto, tem vários atributos no caso do nosso exemplo utilizamos apenas inhame, este atributo permite atribuir um identificador ao elemento, isto significa que ao enviá-lo para o servidor podemos utilizar alguns métodos para obter a informação capturada, por isso é importante que o inhame ser único dentro de um formulário.
  • Botão: Este elemento nos permite criar um botão no formulário, geralmente os botões são os que nos dizem que ao pressioná-los o formulário será processado, no caso do nosso exemplo não colocamos nenhum atributo, portanto, quando pressione-o nada acontecerá.
  • Método: É um atributo da tag Formato, É de vital importância uma vez que é quem indica a forma como serão passadas as informações do utilizador recolhidas pelo formulário, pode ter dois valores PUBLICAR Y OBTER.
O primeiro enviará os dados via http para que possamos enviar os dados de forma oculta e somente a página de destino poderá recebê-los, este método é bastante seguro e nos permite enviar os dados sensíveis do formulário.
O segundo enviará os dados como parâmetros na url, não é muito seguro porque qualquer pessoa com um mínimo de conhecimento pode interpretar o que está sendo enviado e talvez tentar alterar as informações, geralmente é usado para passar dados pouco sensíveis, como uma página de listagem, status de controle que não afeta o programa, ids de consulta, etc.
  • Açao: Este atributo controla para qual página o formulário irá, ou seja, quem receberá os dados, caso o formulário seja omitido, será enviado para a mesma página que o contém.
Vamos ver a seguir o que nosso exemplo básico produziu para nós.

Como podemos ver, é um campo de entrada de texto e um botão sem nada adicional, o que nos permite enviá-lo para outra página onde podemos processá-lo com uma linguagem de programação.
Com isso concluímos o tutorial, já temos uma noção de como construir formulários básicos, quais elementos são essenciais e a finalidade de seus atributos.
Se você estiver interessado em se aprofundar, dê uma olhada em meu outro Tutorial:
Formulários avançados em HTML5Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo

Você vai ajudar o desenvolvimento do site, compartilhando a página com seus amigos

wave wave wave wave wave