Meta tags:
description= A tag form cria um formulário web. Agrupa campos e controles e os envia via os atributos action e method.;
Headings (most frequently used words):
tag, html, form, com, exemplo, da, sintaxe, get, vs, post, qual, método, usar, envio, de, ficheiros, ignorar, validação, novalidate, atributos, prática, resultado, as, tags, input, label, textarea,
Text of the page (most frequently used words):
html (70), form (42), formulário (29), tag (28), para (27), dados (22), label (20), svg (19), input (18), type (16), title (16), aprender (15), post (15), name (14), submit (14), são (13), que (12), method (12), url (11), action (11), body (11), email (11), head (11), não (10), value (10), atributos (9), método (9), atributo (9), quando (9), for (9), tags (9), canvas (9), get (8), text (8), ficheiros (7), como (7), upload (7), todos (6), prática (6), com (6), novalidate (6), http (6), submeter (6), data (6), define (6), doctype (6), textarea (6), w3docs (5), css (5), application (5), multipart (5), enctype (5), padrão (5), uma (5), servidor (5), string (5), accept (5), copiar (5), the (5), document (5), exemplo (5), formulários (5), introdução (5), html5 (5), formatter (5), color (5), json (4), code (4), generator (4), javascript (4), validação (4), qual (4), usar (4), onde (4), enviados (4), especifica (4), www (4), urlencoded (4), métodos (4), enviar (4), navegador (4), mesmo (4), lista (4), elemento (4), message (4), fname (4), elementos (4), select (4), entrada (4), encoder (3), editor (3), ferramentas (3), quizzes (3), exercícios (3), php (3), web (3), ignorar (3), envio (3), verificar (3), usado (3), valor (3), necessário (3), ficheiro (3), dos (3), usados (3), submissão (3), campos (3), antes (3), use (3), página (3), required (3), navegadores (3), file (3), avatar (3), nos (3), resultado (3), criar (3), envia (3), experimente (3), você (3), campo (3), number (3), fieldset (3), agrupa (3), dentro (3), pela (3), suspensa (3), botão (3), utilizador (3), templates (3), tools (3), italiano (2), português (2), español (2), français (2), русский (2), deutsch (2), english (2), idioma (2), beautifier (2), diff (2), password (2), python (2), java (2), git (2), livros (2), snippets (2), sintaxe (2), this (2), page (2), frame (2), footer (2), resposta (2), codificados (2), processamento (2), plain (2), faz (2), quais (2), seguintes (2), selecione (2), aplicam (2), evento (2), globais (2), determina (2), scripts (2), apenas (2), pelo (2), autocomplete (2), normalmente (2), contém (2), caracteres (2), charset (2), por (2), adicionar (2), tipos (2), image (2), picture (2), deve (2), codificação (2), transportar (2), favoritos (2), pedido (2), sensíveis (2), tem (2), ficam (2), valores (2), visíveis (2), filtros (2), placeholder (2), rótulo (2), enter (2), phone (2), mary (2), lname (2), legend (2), texto (2), definida (2), optgroup (2), option (2), usada (2), button (2), válidos (2), pseudo (2), classe (2), dir (2), referência (2), tutorial (2), imagens (2), iso (2), hash (2), 2026, direitos, reservados, feito, desenvolvedores, política, privacidade, contato, sobre, empresa, try, tutoriais, exemplos, gratuitos, desde, 2014, next, previous, yes, was, helpful, exibida, delete, put, também, suporta, exibir, recebida, após, framename, _top, _parent, _self, _blank, target, presente, valida, nome, referenciar, consulte, abaixo, serem, contiver, aplica, ativa, desativa, preenchimento, automático, off, endpoint, api, rota, omita, defina, vazia, mesma, codificações, aceita, submetido, character_set, descrição, validam, restrições, boolean, diz, essa, integrada, assim, útil, trata, manualmente, pattern, note, permitidos, pertence, png, jpeg, choose, profile, permitir, utilizadores, façam, juntamente, incluir, consegue, binários, portanto, funcionará, sem, isso, submissões, guardáveis, recarregar, volta, acionar, leia, mais, devem, aparecer, estiver, grandes, quantidades, limite, tamanho, prático, algo, conta, publicar, comentário, efetuar, pagamento, altera, corpo, limitações, reais, comprimento, limitado, pelos, servidores, barra, endereço, registos, palavras, passe, outros, nunca, pretende, seja, partilhável, guardado, filtra, pesquisa, acrescenta, consulta, controla, dois, comportam, forma, bastante, diferente, some, here, cols, rows, example, está, vinculado, modo, clicar, foca, leitores, ecrã, anunciam, corretamente, thomson, lastname, surname, firstname, cabeçalho, visualmente, definido, relacionados, itens, configura, controle, caixa, colocar, área, múltiplas, linhas, outras, definem, vem, pares, conteúdo, escrito, entre, abertura, fechamento, individuais, forem, pode, estilizar, casos, invalid, valid, dica, submetidos, pressionar, houver, esse, informações, enviadas, tecla, pressionada, cria, controles, via, checked, autoplay, accesskey, colspan, defer, autofocus, draggable, download, disabled, coords, controls, contenteditable, content, async, alt, attribute, reference, forms, vídeos, youtube, multimídia, media, class, obsoletos, attributes, gradiente, radial, lineargradient, sombras, projetadas, efeitos, desfoque, aos, stroking, path, polyline, polygon, linha, elipse, círculo, retângulo, gradientes, coordenadas, desenhando, xmp, wbr, video, var, track, time, thead, tfoot, template, tbody, table, sup, summary, sub, style, strong, strike, span, spacer, source, small, section, script, samp, ruby, rtc, progress, pre, plaintext, param, output, object, noscript, noframes, nobr, nav, meter, meta, menuitem, menu, marquee, mark, map, main, link, keygen, kbd, isindex, ins, img, iframe, hgroup, header, frameset, font, figure, figcaption, embed, div, dialog, dfn, details, del, datalist, colgroup, col, cite, center, caption, blockquote, blink, big, bdo, bdi, basefont, base, audio, aside, article, area, applet, address, acronym, abbr, obsoletas, xhtml, tabela, mime, mensagens, status, atalhos, teclado, entidades, utf, códigos, 8859, ascii, conjuntos, references, migração, suporte, áudio, vídeo, semânticos, layout, computercode, caminhos, arquivo, estilos, 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):
tag html form 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 tag html form a tag form cria um formulário web agrupa campos e controles e os envia via os atributos action e method a tag form é usada para adicionar formulários html à página web para entrada de dados do utilizador os formulários são usados para enviar ao servidor os dados submetidos pelo utilizador os dados são enviados ao pressionar o botão submit se não houver esse botão as informações são enviadas quando a tecla enter é pressionada dica se os elementos individuais dentro da tag form forem válidos pode usar a pseudo classe css valid para estilizar a tag e a pseudo classe invalid para os casos em que não são válidos sintaxe a tag form vem em pares o conteúdo é escrito entre as tags de abertura form e de fechamento form o elemento form contém outras tags html que definem o método de entrada de dados a tag input define um campo de entrada do utilizador a tag textarea define um campo de formulário para criar uma área de entrada de múltiplas linhas a tag button é usada para colocar um botão dentro de um formulário a tag select configura um controle para criar uma caixa de lista suspensa a tag option define os itens na lista suspensa definida pela tag select a tag optgroup agrupa dados relacionados na lista suspensa definida pela tag select a tag fieldset agrupa visualmente os elementos dentro do formulário definido pela tag form a tag label define o rótulo de texto para o elemento input a tag legend define o cabeçalho para o elemento fieldset exemplo da tag html form exemplo da tag html form doctype html html head title title of the document title head body form action form submit method post label for fname name label input type text name firstname id fname value mary br br label for lname surname label input type text name lastname id lname value thomson br br input type submit value submit form body html copiar experimente você mesmo resultado exemplo da tag html form com as tags input e label doctype html html head title title of the document title head body form action form submit method post label for fname name label input type text name name id fname value mary br br label for number phone label input type number name phone id number br br label for email email label input type email placeholder enter email name email required br br input type submit value submit form body html copiar experimente você mesmo exemplo da tag html form com a tag textarea o atributo for da tag label está vinculado ao id do textarea de modo que clicar no rótulo foca o campo e os leitores de ecrã o anunciam corretamente doctype html html head title title of the document title head body h1 form example h1 form action form submit method post label for message message label br textarea id message name message rows 3 cols 30 placeholder type some text here textarea br input type submit value submit form body html copiar experimente você mesmo get vs post qual método usar o atributo method controla como o navegador envia os dados do formulário os dois valores comportam se de forma bastante diferente method get acrescenta os dados do formulário à url do action como uma string de consulta name value name value use quando a submissão apenas lê ou filtra dados formulários de pesquisa filtros pretende que o resultado seja guardado nos favoritos ou partilhável os dados ficam visíveis na url como os dados ficam na url o get tem limitações reais o comprimento da url é limitado pelos navegadores e servidores os valores são visíveis na barra de endereço e nos registos do servidor e nunca deve transportar palavras passe ou outros dados sensíveis method post envia os dados do formulário no corpo do pedido http e não na url use quando a submissão altera algo no servidor criar uma conta publicar um comentário efetuar um pagamento estiver a enviar grandes quantidades de dados ou ficheiros o post não tem limite de tamanho prático e é necessário para envio de ficheiros os dados são sensíveis e não devem aparecer na url as submissões post não são guardáveis nos favoritos e recarregar a página de resultado normalmente volta a acionar o pedido leia mais em métodos http envio de ficheiros para permitir que os utilizadores façam upload de ficheiros o formulário deve usar method post juntamente com enctype multipart form data e incluir um input type file a codificação padrão application x www form urlencoded não consegue transportar dados binários de ficheiros portanto o upload não funcionará sem isso doctype html html head title title of the document title head body form action upload method post enctype multipart form data label for avatar choose a profile picture label br input type file id avatar name avatar accept image png image jpeg br br input type submit value upload form body html copiar note que o atributo accept a lista de tipos de ficheiro permitidos pertence ao elemento input type file e não à tag form ignorar validação com novalidate por padrão os navegadores validam restrições como required type email ou pattern antes de submeter o formulário adicionar o atributo boolean novalidate na tag form diz ao navegador para ignorar essa validação integrada e submeter mesmo assim útil por exemplo quando trata a validação manualmente com javascript doctype html html head title title of the document title head body form action form submit method post novalidate label for email email label input type email id email name email required br br input type submit value submit form body html copiar atributos atributo valor descrição accept charset character_set especifica as codificações de caracteres que o servidor aceita para os dados do formulário submetido action url a url para onde os dados do formulário são enviados para processamento normalmente um endpoint de api ou uma rota do servidor omita ou defina como string vazia para submeter à mesma página que contém o formulário autocomplete on off ativa ou desativa o preenchimento automático dos campos do formulário pelo navegador o padrão é on enctype application x www form urlencoded multipart form data text plain determina como os dados do formulário são codificados antes de serem enviados o padrão é application x www form urlencoded use multipart form data quando o formulário contiver upload de ficheiros aplica se apenas quando method é post method get post especifica o método http usado para submeter o formulário o padrão é get consulte get vs post abaixo name text define o nome do formulário usado para referenciar o formulário em scripts novalidate novalidate quando presente o navegador não valida os campos do formulário antes de submeter target _blank _self _parent _top framename determina onde exibir a resposta recebida após a submissão do formulário a tag form também suporta os atributos globais e os atributos de evento prática prática quais dos seguintes métodos são usados para enviar dados de formulário em html selecione todos os que se aplicam quais dos seguintes métodos são usados para enviar dados de formulário em html selecione todos os que se aplicam método get método post método put método delete verificar prática qual valor de enctype é necessário quando um formulário faz upload de um ficheiro qual valor de enctype é necessário quando um formulário faz upload de um ficheiro multipart form data application x www form urlencoded text plain application json verificar prática o que especifica o atributo action de um formulário o que especifica o atributo action de um formulário a url para onde os dados do formulário são enviados para processamento o método http usado para submeter o formulário como os dados do formulário são codificados onde a resposta é exibida verificar was this page helpful yes no previous footer next frame on this page sintaxe get vs post qual método usar envio de ficheiros ignorar validação com novalidate atributos 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
|
