Os formulários HTML são uma ferramenta muito poderosa para interagir com os usuários, mas por razões técnicas nem sempre é óbvio como usá-los em todo o seu potencial. O simples envio de dados não é suficiente neste caso - você também precisa garantir que os dados que os usuários preenchem nos formulários sejam enviados no formato correto necessário para que sejam processados com sucesso e que isso não interromperá os aplicativos existentes. Também é importante ajudar os usuários a preencher os formulários corretamente e não ficarem frustrados ao tentar usar os aplicativos.
A tag é usada para criar um formulário HTML. Na verdade, ele não cria uma margem, mas é usado como um contêiner pai para elementos como. Se você deseja criar um formulário de inscrição simples com checkout e pagamento regulares ou aplicativos da Web interativos, você precisará usar tags de elemento HTML para funcionar, sendo a mais importante.
Quão padrãoFormulários HTML
Formulários HTML foram inventados e amplamente padronizados antes do advento do JavaScript assíncrono e de aplicações web complexas. Hoje, entradas de formulário, botões e outros mecanismos de interação são usados, mas no centro disso está um sistema baseado no paradigma de solicitação e resposta
Quando um usuário carrega uma página, uma solicitação http é enviada (geralmente a chamada solicitação GET). Ele é enviado pelo seu navegador para o servidor, e geralmente o servidor responde com a página da web que o usuário está procurando. Essa interação é um dos conceitos mais fundamentais da Internet. E isso explica exatamente como os formulários HTML funcionam.
O processo de troca de informações com o servidor
Each, que inclui elementos como, está localizado dentro e possui um atributo name (name), assim como seu valor. O valor é definido de diferentes maneiras. Para texto, este será o valor que foi inserido no campo pelo usuário do site. Para um botão de opção, o valor da opção selecionada. O usuário pode definir o valor, mas na maioria das vezes não pode definir o atributo name. Isso cria um conjunto de pares nome/valor onde os valores são determinados pela entrada do usuário.
A principal diferença entre um formulário e um documento HTML comum é que, na maioria dos casos, os dados coletados por um formulário são enviados para um servidor web. Neste caso, você precisa configurar um servidor web para receber e processar dados. atributo de ação de tagespecifica o local (URL) para onde os dados coletados devem ser enviados.
Como é a resposta do servidor
Quando o formulário é enviado, os pares nome-valor e todos os campos dentro do elemento são incluídos no HTTP. Uma solicitação é feita para a URL especificada na forma do atributo de ação. O tipo de solicitação (GET ou POST) estará no atributo method. Isso significa que todos os dados fornecidos pelo usuário são enviados ao servidor assim que o formulário é enviado, e o servidor pode fazer o que quiser com esses dados. Quando o servidor recebe um envio de formulário, ele o trata como qualquer outra solicitação HTTP. O servidor faz o que for necessário com os dados incluídos e emite uma resposta de volta ao navegador.
Se você lembrar que carregar a página é a resposta, você notará que a mesma coisa acontece aqui. Em um formulário típico criado com a tag, a resposta é uma nova página carregada pelo navegador. Normalmente, a nova página substitui o conteúdo atual, mas isso pode ser substituído pelo atributo de destino. A grande maioria dos formulários on-line funciona dessa maneira, e é por isso que o usuário é enviado para uma página de agradecimento quando preenche um formulário de inscrição por e-mail.
Aplicativos e formulários da Web sem tag
Aplicativos da web interativos modernos usam código JavaScript para fazer solicitações http assíncronas. Essas são chamadas para o servidor que não causam um recarregamento de página. Eles não dependem de uma tag - um elemento HTML embutido no comportamento. Eles não combinam todos os dados em um único todo.usuário e não os envie imediatamente. Por esse motivo, muitos designers de layout HTML + JS em aplicativos da Web não usam a tag em todos os formulários. Mais frequentemente, eles simplesmente o usam como um tipo de contêiner para vários tipos de campos e elementos de entrada. Nesse caso, os atributos de método e ação usados não serão visíveis.
Mais sobre formulários
Os formulários HTML são um dos destaques da interação de um usuário com um site ou aplicativo. Eles permitem que os usuários enviem dados para o site. Na maioria das vezes, os dados são enviados para o servidor da web, mas a página da web também pode interceptá-los para usar por conta própria. Existem muitos elementos relacionados ao formulário - diferentes tipos de botões, seletores para diferentes tipos, mecanismos de feedback. Portanto, pode ser difícil decidir quais valores atribuir aos atributos da tag. Quando se trata de criar formulários, você precisa fazê-los funcionar em diferentes tamanhos de tela. É importante torná-los acessíveis a pessoas com deficiência. É por isso que formulários e tags de atributo são talvez o aspecto mais complexo do HTML.
Em que consiste a forma
O formulário HTML consiste em um ou mais widgets. Eles podem ser campos de texto de linha única ou de várias linhas, caixas de seleção, botões ou botões de opção. Eles são mais frequentemente associados a um atributo que descreve seu propósito - implementados corretamente podem instruir claramente usuários com visão e cegos sobre como chegar ao formulário de entrada. Atributoassociados corretamente com seus atributos for e id, respectivamente. O rótulo for então se refere ao atributo id do widget correspondente, e o leitor de tela, usando-o, lerá o que está escrito nele.
Além das estruturas específicas da tag, é importante lembrar que os formulários são apenas código HTML. Isso significa que você pode usar todo o poder do HTML para estruturar seus formulários. Uma prática comum é usar a tag para envolver elementos marcados com
. As listas HTML também são amplamente usadas; várias caixas de seleção ou botões de opção são usados para estruturar. Após criar os campos de entrada, resta adicionar um botão usando a tag e verificar o resultado. A flexibilidade dos formulários HTML os torna uma das estruturas mais complexas do formato HTML. Mas com a estrutura certa ao criar um formulário HTML, você pode garantir que ele seja utilizável e acessível.
