Formulário de Ação Javascript

| | | | | | | | | | | | | | | | | | | | | | |

O atributo de ação de formulário HTML define o que deve acontecer com os dados quando um formulário é enviado em uma página da web. O valor do atributo de ação deve ser o URL do recurso da Web que processará o conteúdo do formulário.

Quando você cria formulários e solicita dados em seu site ou aplicativo da Web, geralmente quer fazer algo com seus dados, certo? É aqui que o atributo de ação de forma entra em ação .

Você deve conhecer os conceitos básicos de criar um formulário em HTML . Basicamente, você envolve o conteúdo do formulário na tag do elemento

. Na tag de abertura existem alguns atributos que podemos usar e um deles é a ação.

O atributo action é usado para especificar para onde queremos enviar os dados do formulário quando o formulário for enviado. Portanto, o valor da ação é a página que processará o formulário.

Atributo de ação do formulário HTML

O atributo de ação do formulário HTML indica a URL que processará o conteúdo de um formulário . Você precisa ter certeza de que o recurso da web apontado pelo atributo action aceita o método especificado em seu atributo "method"

Vamos dar uma olhada na sintaxe do atributo action: .

O atributo action aparece entre nosso rótulo de abertura. Este atributo é frequentemente usado com o atributo method .

Por padrão, o atributo method é definido como "get". Isso significa que seu formulário enviará dados em uma solicitação HTTP GET quando for enviado. Você pode modificar o método especificando "method = `post`" na sua tag de abertura

os dados do formulário são enviados para o URL de "ação" quando um botão de envio é clicado

exemplo de ação do formulário HTML

Veja um exemplo:

Acima, a ação envia o nome de usuário e os dados de e-mail para uma página chamada process.html. os dados de nome de usuário e e-mail têm o tipo d `input "texto.‚" Definimos um botão com o tipo de entrada "enviar". p>

Agora digite o exemplo de formulário acima - . ele em um arquivo HTML real e então . crie um arquivo chamado process.html na mesma pasta Este arquivo deve ter o seguinte conteúdo:

Este código define uma página web simples que mostra um parágrafo de texto quando a página é carregada. formulário on-line que definimos anteriormente e compilá-lo:

 captura de tela 10 2020/08/02 34 02 PM

Com este exemplo, você pode pensar que não é muito útil. O que é verdade . em geral, o atributo action é usado para enviar o conteúdo do formulário para as páginas do servidor. por exemplo, poderíamos usar um arquivo php chamado process.php.

process.php então fará toda a mágica com os dados. esta página pode salvar nossos dados em um banco de dados ou registrar-se em seu evento favorito, você escolhe. PHP é uma poderosa linguagem de script de servidor, frequentemente usada em desenvolvimento web. Se você já usou o WordPress antes, provavelmente alguns dados processados estão sendo processados pelo PHP.

Para saber mais sobre PHP, consulte nosso Guia de aprendizado de PHP .

O atributo action é obrigatório?

Em HTML4, a resposta seria sim. de hoje com HTML5, não há necessidade de especificar um atributo de ação. você tem uma tag de formulário sem atributo de ação, então os dados serão enviados para sua própria página.

Por que devemos fazer isso? Com o surgimento de Single Page Applications (ZPS) , podemos querer processar nossos dados de formulário usando JavaScript. Ou podemos querer processar nossos dados usando outra estrutura, como React / Angular.

Se usamos Vanilla JavaScript, geralmente adicionamos JavaScript auditor event

a> quando o formulário foi enviado.

Conclusão

O atributo de ação do formulário HTML define o que acontece com o conteúdo de um formulário quando o formulário é enviado. O atributo de ação usa um URL como argumento.

Você está interessado em se tornar um desenvolvedor web? Confira nosso Guia completo para aprender HTML . Você encontrará dicas de especialistas sobre como aprender HTML, bem como uma lista dos melhores cursos e recursos de aprendizado on-line.