Meta tags:
description=Formulários de Registro, Contato, Feedback, Avaliação, Inscrição, Reserva, Carreira, Reclamação, Pesquisas — tudo em um só lugar;

Headings (most frequently used words):

de, template, formulário, formulários, templates, html, atributos, principais, contato, login, cadastro, capítulos, relacionados, prática,

Text of the page (most frequently used words):
html (49), label (37), input (29), name (24), type (20), for (19), svg (19), para (18), #formulário (17), email (17), password (16), que (16), aprender (15), fieldset (12), required (12), option (12), template (11), rótulo (11), legend (11), value (11), login (10), atributos (10), formulários (10), templates (10), form (10), contact (10), atributo (9), seu (9), canvas (9), button (8), reg (8), controle (8), contato (7), tag (7), tags (7), todos (6), introdução (6), html5 (6), campo (6), select (6), action (6), copiar (6), uma (6), w3docs (5), cadastro (5), texto (5), envio (5), textarea (5), cada (5), method (5), autocomplete (5), text (5), você (5), message (5), formatter (5), color (5), code (4), generator (4), prática (4), javascript (4), css (4), relacionados (4), checkbox (4), com (4), mais (4), como (4), botões (4), campos (4), opção (4), não (4), account (4), country (4), post (4), portanto (4), por (4), subject (4), url (4), json (3), encoder (3), editor (3), ferramentas (3), quizzes (3), exercícios (3), php (3), radio (3), elemento (3), usar (3), nos (3), acima (3), qual (3), forma (3), usado (3), grupo (3), senha (3), navegador (3), submit (3), apenas (3), ser (3), fica (3), precisa (3), validação (3), são (3), dos (3), referência (3), tipos (3), string (3), tools (3), italiano (2), português (2), español (2), français (2), русский (2), deutsch (2), english (2), idioma (2), sobre (2), beautifier (2), diff (2), python (2), java (2), git (2), livros (2), snippets (2), gratuitos (2), web (2), capítulos (2), principais (2), this (2), page (2), layout (2), yes (2), lado (2), nenhum (2), envolver (2), dentro (2), igual (2), correta (2), associar (2), forms (2), entrada (2), múltiplas (2), linhas (2), rótulos (2), controles (2), seus (2), agrupa (2), importante (2), usuários (2), leitores (2), tela (2), mínimo (2), minlength (2), register (2), terms (2), business (2), personal (2), checked (2), other (2), united (2), menu (2), pode (2), vez (2), caixa (2), seleção (2), padrão (2), então (2), remember (2), mail (2), nome (2), usa (2), caracteres (2), sua (2), rows (2), todo (2), deve (2), vincula (2), submetido (2), dados (2), enviados (2), onde (2), aos (2), teclado (2), feedback (2), accept (2), dir (2), tutorial (2), imagens (2), http (2), iso (2), elementos (2), hash (2), 2026, direitos, reservados, feito, desenvolvedores, política, privacidade, empresa, try, tutoriais, exemplos, desde, 2014, next, previous, was, helpful, verificar, colocar, necessário, único, apontando, dar, corresponda, guia, amplo, funcionam, consulte, reset, menus, suspensos, opções, agrupando, associando, contêiner, aprofundar, interno, funciona, inteiro, impõe, comprimento, sem, primeiro, placeholder, selecionável, bloqueia, enquanto, essa, vazia, estiver, selecionada, alguns, pontos, merecem, atenção, agree, the, agreed, germany, kingdom, states, choose, new, fullname, full, create, longo, apresenta, dois, adicionais, suspenso, compartilham, mesmo, formam, selecionado, única, comum, válido, implicitamente, associado, contém, par, dicas, permitem, gerenciadores, senhas, preencham, credenciais, corretamente, log, current, username, sign, curto, identificador, usuário, opcional, lembrar, mim, sejam, ocultados, contrário, ele, tem, conteúdo, entre, abertura, fechamento, define, altura, visível, send, mensagem, botão, observe, oferece, formato, gratuita, regra, isso, inválido, carrega, corresponder, clicar, foca, impede, até, seja, preenchido, seleciona, integrada, exemplo, tel, chave, sob, servidor, possa, ler, valor, adicionado, corpo, requisição, qualquer, coisa, sensível, volumosa, get, faz, antes, veja, encontrará, eles, este, capítulo, fornece, três, limpos, válidos, prontos, colar, além, rápida, fazem, funcionar, erros, comuns, aponta, nada, ausente, tipo, errado, estão, resolvidos, menos, bugs, bom, corretos, garantindo, experiência, adequada, acessibilidade, pula, código, repetitivo, concentra, realmente, específicos, velocidade, usam, mesma, estrutura, estilo, comportam, previsível, site, consistência, trabalhar, partir, traz, vantagens, reais, bloco, marcação, pronto, reutilizável, projeto, adaptar, maioria, aplicativos, mesmos, repetidamente, construir, zero, começa, limpo, correto, muda, endpoint, registro, avaliação, inscrição, reserva, carreira, reclamação, pesquisas, tudo, lugar, charset, autoplay, accesskey, colspan, defer, autofocus, draggable, download, disabled, coords, controls, contenteditable, content, async, alt, attribute, reference, vídeos, youtube, multimídia, media, class, obsoletos, attributes, gradiente, radial, lineargradient, sombras, projetadas, efeitos, desfoque, filtros, stroking, path, polyline, polygon, linha, elipse, círculo, retângulo, gradientes, coordenadas, desenhando, xmp, wbr, video, var, track, title, time, thead, tfoot, tbody, table, sup, summary, sub, style, strong, strike, span, spacer, source, small, section, script, samp, ruby, rtc, progress, pre, picture, plaintext, param, output, optgroup, object, noscript, noframes, nobr, nav, meter, meta, menuitem, marquee, mark, map, main, link, keygen, kbd, isindex, ins, img, iframe, hgroup, header, head, frameset, frame, footer, font, figure, figcaption, embed, div, dialog, dfn, details, del, datalist, data, colgroup, col, cite, center, caption, body, blockquote, blink, big, bdo, bdi, basefont, base, audio, aside, article, area, applet, address, acronym, abbr, doctype, evento, globais, obsoletas, xhtml, tabela, mime, mensagens, status, métodos, atalhos, entidades, codificação, utf, códigos, 8859, ascii, conjuntos, references, migração, suporte, navegadores, áudio, vídeo, semânticos, computercode, caminhos, arquivo, estilos, scripts, blocos, tabelas, comentários, cores, listas, links, formatação, títulos, básicas, editores, basics, entrar, pesquisar, formatters, reverse, sha256, md5, length, calculator, colors, hsl, hex, mixer, converter, picker, general, cursos,

Text of the page (random words):
mais de 60 templates de formulários html gratuitos para copiar e usar w3docs w3docs livros aprender html aprender css aprender javascript aprender git aprender java aprender php aprender python cursos quizzes exercícios snippets ferramentas general tools html editor password generator html encoder code diff json beautifier todos os 13 color tools color picker color converter color mixer color hex colors hsl todos os 10 string tools string length calculator md5 hash generator sha256 hash generator string reverse url encoder todos os 19 code formatters javascript formatter css formatter html formatter json formatter php formatter pesquisar na w3docs k pt english en deutsch de русский ru français fr español es português pt italiano it entrar aprender html html basics introdução ao html editores e ferramentas elementos html tags básicas do html atributos html títulos html formatação html links html listas html cores em html comentários html tabelas html blocos html scripts html estilos html css caminhos de arquivo html html computercode html templates templates de layout templates de formulários html 5 introdução ao html5 tags html5 elementos semânticos áudio vídeo suporte a navegadores html5 migração para html5 html references conjuntos de caracteres ascii iso 8859 1 códigos de idioma iso codificação utf 8 entidades html atalhos de teclado métodos http imagens html mensagens de status http tipos mime tabela de tags html xhtml html url html tags tags obsoletas atributos globais html atributos de evento tags html doctype a abbr acronym address applet area article aside audio b base basefont bdi bdo big blink blockquote body br button canvas caption center cite code col colgroup data datalist dd del details dfn dialog dir div dl dt em embed fieldset figcaption figure font footer form frame frameset h1 h6 head header hgroup hr html i iframe img input ins isindex kbd keygen label legend li link main map mark marquee menu menuitem meta meter nav nobr noframes noscript object ol optgroup option output p param plaintext picture pre progress q rb rp rt rtc ruby s samp script section select small source spacer span strike strong style sub summary sup svg table tbody td template textarea tfoot th thead time title tr track tt u ul var video wbr xmp canvas tutorial introdução ao canvas desenhando no canvas coordenadas do canvas gradientes no canvas texto no canvas imagens no canvas referência do canvas svg tutorial introdução ao svg svg no html5 retângulo svg círculo svg svg elipse linha svg svg polygon svg polyline svg path svg text svg stroking introdução aos filtros svg efeitos de desfoque svg sombras projetadas svg svg lineargradient gradiente radial svg referência svg html attributes atributos obsoletos atributo class do html atributo id do html html media html multimídia vídeos do youtube em html html forms formulários html html attribute reference alt async accept content contenteditable controls coords disabled download draggable autocomplete autofocus defer dir colspan accesskey action autoplay checked accept charset templates de formulários html formulários de registro contato feedback avaliação inscrição reserva carreira reclamação pesquisas tudo em um só lugar um template de formulário html é um bloco de marcação de formulário pronto e reutilizável que você pode copiar em um projeto e adaptar a maioria dos aplicativos web precisa dos mesmos tipos de formulários repetidamente contato login cadastro feedback portanto em vez de construir cada um do zero você começa com um template limpo e correto e muda apenas os rótulos campos e o endpoint de envio trabalhar a partir de um template traz vantagens reais consistência todos os formulários usam a mesma estrutura portanto o estilo e a validação se comportam de forma previsível em todo o site velocidade você pula o código repetitivo e se concentra nos campos que são realmente específicos do seu formulário acessibilidade por padrão um bom template já vincula cada label ao seu controle agrupa campos relacionados em um fieldset e usa os tipos de input corretos garantindo uma experiência adequada para leitores de tela e usuários de teclado menos bugs erros comuns um rótulo que não aponta para nada um name ausente o tipo de input errado já estão resolvidos este capítulo fornece três templates limpos válidos e prontos para copiar e colar um formulário de contato um formulário de login e um formulário de cadastro além de uma referência rápida aos atributos que os fazem funcionar atributos principais de formulários antes dos templates veja os atributos que você encontrará em todos eles atributo onde fica o que faz action form url para onde os dados do formulário são enviados ao ser submetido method form como os dados são enviados get adicionado à url ou post no corpo da requisição usado para qualquer coisa sensível ou volumosa name cada controle a chave sob a qual o campo é submetido para que o servidor possa ler seu valor type input seleciona o controle e sua validação integrada por exemplo text email password tel checkbox required um controle impede o envio do formulário até que o campo seja preenchido for id label controle vincula um rótulo ao seu controle label for x deve corresponder a input id x clicar no rótulo então foca o controle a regra mais importante todo input precisa de um rótulo e o for do rótulo deve ser igual ao id do input é por isso que p for é inválido apenas label carrega o atributo for template de formulário de contato um formulário de contato mínimo um nome um e mail uma mensagem e um botão de envio observe o campo type email que oferece validação de formato gratuita no navegador form action contact method post fieldset legend contact us legend p label for contact name name label input type text id contact name name name required p p label for contact email email label input type email id contact email name email required p p label for contact subject subject label input type text id contact subject name subject p p label for contact message message label textarea id contact message name message rows 5 required textarea p button type submit send message button fieldset form copiar o textarea é usado para entrada de múltiplas linhas ao contrário do input ele não tem atributo value seu conteúdo fica entre as tags de abertura e fechamento e rows define sua altura visível template de formulário de login um formulário de login é curto um identificador e mail ou nome de usuário uma senha e uma caixa de seleção opcional lembrar de mim o campo de senha usa type password para que os caracteres sejam ocultados form action login method post fieldset legend sign in legend p label for login email email label input type email id login email name email autocomplete username required p p label for login password password label input type password id login password name password autocomplete current password required p p label input type checkbox name remember value yes remember me label p button type submit log in button fieldset form copiar para uma única caixa de seleção envolver o texto dentro do label é um padrão comum e válido o rótulo fica então implicitamente associado ao controle que contém portanto você não precisa de um par for id as dicas de autocomplete permitem que o navegador e os gerenciadores de senhas preencham as credenciais corretamente template de formulário de cadastro um formulário de cadastro é mais longo e apresenta dois controles adicionais um menu suspenso select e um grupo de botões de opção botões de opção que compartilham o mesmo name formam um grupo portanto apenas um pode ser selecionado por vez form action register method post fieldset legend create an account legend p label for reg name full name label input type text id reg name name fullname required p p label for reg email email label input type email id reg email name email required p p label for reg password password label input type password id reg password name password autocomplete new password minlength 8 required p p label for reg country country label select id reg country name country required option value choose option option value us united states option option value uk united kingdom option option value de germany option option value other other option select p fieldset legend account type legend p label input type radio name account value personal checked personal label label input type radio name account value business business label p fieldset p label input type checkbox name terms value agreed required i agree to the terms label p button type submit register button fieldset form copiar alguns pontos que merecem atenção o primeiro option value é um placeholder não selecionável como o select é required o navegador bloqueia o envio enquanto essa opção vazia estiver selecionada minlength 8 na senha impõe um comprimento mínimo sem nenhum javascript o fieldset interno agrupa os botões de opção e seu legend funciona como rótulo para o grupo inteiro importante para usuários de leitores de tela capítulos relacionados para aprofundar cada elemento usado acima a tag form o contêiner e seus atributos action method a tag input cada type de input e seus atributos a tag label associando rótulos a controles a tag fieldset agrupando campos relacionados com um legend a tag textarea entrada de texto em múltiplas linhas a tag select menus suspensos e opções a tag button botões de envio e reset para um guia mais amplo sobre como os formulários funcionam consulte html forms prática prática nos templates acima qual é a forma correta de associar um rótulo de texto ao seu campo de input nos templates acima qual é a forma correta de associar um rótulo de texto ao seu campo de input dar ao input um atributo for que corresponda ao id do rótulo usar um label com um atributo for igual ao id do input usar um elemento p com um atributo for apontando para o input envolver um único checkbox ou radio input dentro do seu elemento label colocar o rótulo e o input lado a lado nenhum atributo é necessário verificar was this page helpful yes no previous templates de layout next introdução ao html5 on this page atributos principais de formulários template de formulário de contato template de formulário de login template de formulário de cadastro capítulos relacionados prática w3docs tutoriais exemplos exercícios snippets e quizzes gratuitos para a web desde 2014 livros aprender html aprender css aprender javascript aprender git aprender java aprender php aprender python prática exercícios quizzes editor try it ferramentas html editor password generator html encoder code diff json beautifier empresa sobre contato política de privacidade idioma english deutsch русский français español português italiano 2026 w3docs todos os direitos reservados feito para desenvolvedores