O Que É Um Formulário Web? Definição, Elementos e Usos Comuns

Um **formulário web** (HTML `

`) é componente interativo página que recolhe input utilizador e envia para servidor processamento. É mecanismo primário **utilizador → servidor fluxo dados** na web.

Anatomia Principal

<form action="/submit" method="POST"> <label for="email">Email</label> <input type="email" id="email" name="email" required> <button type="submit">Subscrever</button> </form>

action: URL endpoint servidor.
method: `GET` (query string) ou `POST` (body).
Controlos: ``, ``, `<select>`, `<button>`, `<fieldset>`, `<label>`.</li> <li><strong>Validação</strong>: Atributos HTML5 (`required`, `pattern`, `min`/`max`, `type`) + JavaScript + server-side.</li> </ul> <h2>Tipos Comuns Controlo</h2> <table> <thead> <tr><th>Tipo</th><th>Caso Uso</th></tr> </thead> <tbody> <tr><td>`text` / `email` / `tel` / `url`</td><td>Strings linha única</td></tr> <tr><td>`password`</td><td>Entrada mascarada</td></tr> <tr><td>`number` / `date` / `range`</td><td>Dados estruturados</td></tr> <tr><td>`checkbox`</td><td>Booleano / multi-select</td></tr> <tr><td>`radio`</td><td>Escolha única (agrupado por `name`)</td></tr> <tr><td>`select` + `<option>`</td><td>Lista dropdown</td></tr> <tr><td>`textarea`</td><td>Texto multi-linha</td></tr> <tr><td>`file`</td><td>Upload (multipart/form-data)</td></tr> <tr><td>`hidden`</td><td>Token CSRF, session ID</td></tr> <tr><td>`submit` / `button`</td><td>Gatilho submissão</td></tr> </tbody> </table> <h2>Top 5 Casos Uso</h2> <ol> <li><strong>Registo / Login Utilizador:</strong> Credenciais → servidor auth → session cookie / JWT.</li> <li><strong>Contacto / Captura Leads:</strong> Nome, email, mensagem → CRM / notificação email.</li> <li><strong>Checkout E-Commerce:</strong> Envio, faturação, token pagamento (Stripe Elements) → criação encomenda.</li> <li><strong>Pesquisa / Filtro:</strong> Form `GET` → query params → página resultados.</li> <li><strong>Inquéritos / Feedback:</strong> Escalas Likert, NPS, texto aberto → DB analytics.</li> </ol> <h2>Melhorias Modernas</h2> <ul> <li><strong>Progressive Enhancement:</strong> Funciona sem JS; JS adiciona UX (validação live, auto-save, multi-step wizard).</li> <li><strong>Acessibilidade (a11y):</strong> Labels, `aria-describedby`, ordem foco, anúncios erro.</li> <li><strong>Segurança:</strong> Tokens CSRF, cookies `SameSite`, rate limiting, campos honeypot, sanitização server-side.</li> <li><strong>Uploads Ficheiros:</strong> Direct-to-S3 (presigned POST), chunked/resumable (Uppy, Tus).</li> </ul> <p>Formulários são o **contrato entre intenção utilizador e ação backend**. Desenhe-os cuidadosamente.</p> <div class=tt23> <div class=t2><script language='javascript' src='/ad/e.js'></script> </div> </div> <ul class="dfxvcxv"> <li class=pa1><a class='LinkPrevArticle' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/Mensagens-de-texto/1009140073.html' >Como Usar o YouTube no Mobile Web (Sem App Necessária)</a> </li> <li class=na1><a class='LinkNextArticle' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/Mensagens-de-texto/1009140161.html' >Como Ativar ou Desativar Safe Chat no Roblox</a> </li> </ul> <div class="xinnanse"> <div class="oifhdisuhfi"></div> <ul class="sds"> <li> <a class="i1" href="https://www.351231.com/Celulares-e-Acessórios-Celulares/Mensagens-de-texto/1009156502.html" target="_blank">Usando a Internet como Ferramenta Pedagógica: 5 Estratégias</a></li> <li> <a class="i1" href="https://www.351231.com/Celulares-e-Acessórios-Celulares/Mensagens-de-texto/1009157541.html" target="_blank">O Que Significa "LULZ" no Chat? (Não "LULH")</a></li> <li> <a class="i1" href="https://www.351231.com/Celulares-e-Acessórios-Celulares/Mensagens-de-texto/1009017573.html" target="_blank">Como Desativar MMS em Celulares Motorola</a></li> <li> <a class="i1" href="https://www.351231.com/Celulares-e-Acessórios-Celulares/Mensagens-de-texto/1009162587.html" target="_blank">Sobre o Que as Pessoas Realmente Mandam Mensagem: 12 Categorias Comuns</a></li> <li> <a class="i1" href="https://www.351231.com/Celulares-e-Acessórios-Celulares/Mensagens-de-texto/1009017289.html" target="_blank">Como Colocar Minha Assinatura nas Mensagens de Texto</a></li> </ul> <ul class="sds"> <li><a class="i2" href="https://www.351231.com/Celulares-e-Acessórios-Celulares/Mensagens-de-texto/1009017226.html" target="_blank">Ideias de Assinatura para Mensagens de Texto para Meninas</a></li> <li><a class="i2" href="https://www.351231.com/Celulares-e-Acessórios-Celulares/Mensagens-de-texto/1009017236.html" target="_blank">Como Desativar Notificação de Mensagem de Texto no HTC EVO</a></li> <li><a class="i2" href="https://www.351231.com/Celulares-e-Acessórios-Celulares/Mensagens-de-texto/1009167770.html" target="_blank">Como Configurar Toque de Chamada Imran Khan (Jio, Airtel, Vi, BSNL)</a></li> <li><a class="i2" href="https://www.351231.com/Celulares-e-Acessórios-Celulares/Mensagens-de-texto/1009162602.html" target="_blank">Adicionar Seletor de Idioma ao Seu Site: Plugin vs. Código Próprio</a></li> <li><a class="i2" href="https://www.351231.com/Celulares-e-Acessórios-Celulares/Mensagens-de-texto/1009151016.html" target="_blank">Custo de SMS da Verizon dos EUA para a Inglaterra</a></li> </ul> </div> </div> </div> <div class="rod"> <div class="daxa"> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/2-Rádios/' target="_self">Rádios de Duas Vias</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/Celular-3G/' target="_self">Celulares 3G</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/Celular-4G/' target="_self">Celulares 4G</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/Celular-Android/' target="_self">Celulares Android</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/amora-silvestre/' target="_self">BlackBerry</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/Bluetooth/' target="_self">Bluetooth</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/Som-e-Acessórios-Vídeo/' target="_self">Som e Acessórios Vídeo</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/Baterias-de-telefone-celular/' target="_self">Baterias para Celular</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/Fornecedores-do-telefone-celular/' target="_self">Operadoras de Celular</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/Telefone-celular-Cartões-de-SIM/' target="_self">Cartões SIM</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/Telemóveis/' target="_self">Celulares</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/Acessórios-celulares/' target="_self">Acessórios para Celular</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/Cingular/' target="_self">Cingular</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/DVD-Players/' target="_self">Reprodutores de DVD</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/HTC/' target="_self">HTC</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/Headsets/' target="_self">Headsets (Fones com Microfone)</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/Celulares-internacionais/' target="_self">Celulares Internacionais</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/Celular-Motorola/' target="_self">Celulares Motorola</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/Nextel/' target="_self">Nextel</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/Telemóveis-Nokia/' target="_self">Celulares Nokia</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/PDA/' target="_self">PDAs</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/Pagers/' target="_self">Pagers (Bipes)</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/Apps-de-telefone/' target="_self">Apps de Celular</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/Cartões-Telefônicos-SD/' target="_self">Cartões de Memória SD</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/Pré-Pago-Celulares/' target="_self">Celulares Pré-pagos</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/Toques/' target="_self">Toques</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/smart-Phones/' target="_self">Smartphones</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/Mensagens-de-texto/' target="_self">Mensagens de Texto</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/TracFone/' target="_self">TracFone</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/Treo/' target="_self">Palm Treo</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/Windows-Mobile/' target="_self">Windows Mobile</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/iPhone-3G/' target="_self">iPhone 3G</a></li> <li><a class='childclass' href='https://www.351231.com/Celulares-e-Acessórios-Celulares/iPhones/' target="_self">iPhone</a></li> </div> <div class="pta1"></div> <div class="tfribcxjh"> <h4>Mensagens de Texto</h4> <div class="xingren"> <ul class='pts2'> <li><a class="i3" href="https://www.351231.com/Celulares-e-Acessórios-Celulares/Mensagens-de-texto/1009155477.html" target="_blank">Como Enviar Mensagem de Texto no LG: Guia Completo de Mensagens</a><span></span></li> <li><a class="i3" href="https://www.351231.com/Celulares-e-Acessórios-Celulares/Mensagens-de-texto/1009017340.html" target="_blank">Como Enviar Mensagem de Texto para uma Conta de E-mail</a><span></span></li> <li><a class="i3" href="https://www.351231.com/Celulares-e-Acessórios-Celulares/Mensagens-de-texto/1009017797.html" target="_blank">Como Transferir Mensagens de Texto para um Telefone via Dashwire</a><span></span></li> <li><a class="i3" href="https://www.351231.com/Celulares-e-Acessórios-Celulares/Mensagens-de-texto/1009017151.html" target="_blank">Como Saber se Alguém Leu seu SMS no Pantech Reveal</a><span></span></li> <li><a class="i3" href="https://www.351231.com/Celulares-e-Acessórios-Celulares/Mensagens-de-texto/1009017738.html" target="_blank">Como Enviar Mensagens de Texto em Corrente</a><span></span></li> <li><a class="i3" href="https://www.351231.com/Celulares-e-Acessórios-Celulares/Mensagens-de-texto/1009017143.html" target="_blank">Como Configurar e Testar Assinatura em Mensagens de Texto</a><span></span></li> <li><a class="i3" href="https://www.351231.com/Celulares-e-Acessórios-Celulares/Mensagens-de-texto/1009144397.html" target="_blank">Como Iniciar Conversa e Obter Informações do Cliente de Forma Suave</a><span></span></li> <li><a class="i3" href="https://www.351231.com/Celulares-e-Acessórios-Celulares/Mensagens-de-texto/1009017360.html" target="_blank">Como Enviar Mensagens de Texto Rapidamente</a><span></span></li> <li><a class="i3" href="https://www.351231.com/Celulares-e-Acessórios-Celulares/Mensagens-de-texto/1009163126.html" target="_blank">15 Formas de Abuso da Internet: Do Cyberbullying ao Cybercrime</a><span></span></li> <li><a class="i3" href="https://www.351231.com/Celulares-e-Acessórios-Celulares/Mensagens-de-texto/1009167428.html" target="_blank">Cinco Tarefas Avançadas de Telefone Que a Maioria dos Usuários Não Sabe Fazer</a><span></span></li> <li><a class="i3" href="https://www.351231.com/Celulares-e-Acessórios-Celulares/Mensagens-de-texto/1009017624.html" target="_blank">Como Recuperar Mensagens Enviadas e Recebidas da Sprint</a><span></span></li> </ul> </div> </div> </div> </div> <div class="pta2"></div> <div class="mmm"> <ul> <li> <a href=https://www.351231.com/ótica/>Óptica</a> | <a href=https://www.351231.com/Áudio-pessoal/>Áudio</a> | <a href=https://www.351231.com/Satellite-Radio/>Rádio Satélite</a> | <a href=https://www.351231.com/TVs/>TVs</a> | <a href=https://www.351231.com/Telefones/>Telefones</a> | <a href=https://www.351231.com/Tivo---DVR/>TiVo & DVR</a> | </li> <li> <p>Tecnologia Eletrônica © [www.351231.com] </p> </li> </ul> </div> </body> </html>