Meta tags:
description= A tag HTML select cria uma lista suspensa de opções. Aprenda seus atributos, acessibilidade, multiple, size, required e placeholder.;
Headings (most frequently used words):
select, tag, html, exemplo, da, sempre, rotule, seu, sintaxe, selecionar, múltiplas, opções, adicionar, um, placeholder, vs, datalist, atributos, como, estilizar, uma, prática, com, optgroup,
Text of the page (most frequently used words):
html (83), #select (46), option (44), para (28), uma (23), value (23), que (20), svg (19), com (18), tag (16), lista (16), title (16), aprender (15), label (15), css (13), opção (12), atributos (11), #opções (11), atributo (11), size (11), form (11), body (11), head (11), exemplo (10), não (9), multiple (9), optgroup (9), canvas (9), javascript (8), name (8), utilizador (8), php (7), placeholder (7), texto (7), suspensa (7), elemento (7), valor (7), required (7), tags (7), como (6), por (6), for (6), ser (6), doctype (6), w3docs (5), todos (5), datalist (5), selecionar (5), usado (5), controlo (5), pode (5), result (5), copiar (5), the (5), selecionada (5), langs (5), introdução (5), html5 (5), formatter (5), color (5), code (4), generator (4), prática (4), java (4), git (4), snippets (4), sintaxe (4), sempre (4), isso (4), indica (4), mais (4), formulário (4), escolher (4), disabled (4), quando (4), document (4), books (4), topic (4), json (3), encoder (3), editor (3), ferramentas (3), quizzes (3), exercícios (3), seu (3), page (3), small (3), página (3), criar (3), caixa (3), qual (3), sistema (3), adicione (3), elementos (3), escolha (3), define (3), autofocus (3), associado (3), use (3), input (3), button (3), choose (3), pré (3), enviado (3), mesmo (3), templates (3), string (3), tools (3), desenvolvedores (2), 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), livros (2), exemplos (2), desde (2), estilizar (2), adicionar (2), múltiplas (2), rotule (2), this (2), section (2), vídeo (2), função (2), renderizado (2), parcialmente (2), pelo (2), operativo (2), estilização (2), entre (2), navegadores (2), possível (2), definir (2), cores (2), seta (2), listas (2), são (2), evento (2), globais (2), número (2), visíveis (2), navegador (2), barra (2), rolagem (2), menu (2), aos (2), dados (2), após (2), tecla (2), ctrl (2), mac (2), cmd (2), estar (2), ainda (2), submetido (2), ele (2), está (2), desativada (2), ela (2), deve (2), partir (2), vez (2), valores (2), autocomplete (2), feita (2), real (2), submit (2), selected (2), primeira (2), oculta (2), combine (2), cada (2), sql (2), vários (2), mantém (2), pressionado (2), experimente (2), você (2), aria (2), associe (2), enviar (2), servidor (2), script (2), dentro (2), padrão (2), acessibilidade (2), cria (2), accept (2), dir (2), formulários (2), referência (2), tutorial (2), imagens (2), url (2), http (2), iso (2), hash (2), 2026, direitos, reservados, feito, política, privacidade, contato, sobre, empresa, try, tutoriais, gratuitos, web, 2014, next, previous, yes, was, helpful, verificar, incorporar, reprodutor, entrada, utilizadores, podem, imagem, resiste, completa, resultados, variam, forma, fiável, fonte, padding, modelo, próprio, substituir, nativa, pela, sua, redefina, aspeto, personalizada, wrapper, pseudo, expandida, permanecem, apenas, controláveis, suspensas, totalmente, personalizadas, pixel, perfect, geralmente, constroem, widget, background, image, appearance, none, suporta, maior, menor, total, adicionará, automaticamente, indicar, visualizar, number, obrigatória, nome, suspenso, aceder, envio, associar, escolhida, método, depende, windows, necessário, manter, pressionada, associa, desse, possa, fora, marcação, form_id, interagir, receber, foco, carregamento, descrição, obriga, fixa, disso, quiser, campo, livre, aceitar, ignorar, trabalho, através, funcionalidade, separado, comportamento, diferente, digitação, adequa, melhor, estrita, list, sugira, vazio, trata, nenhuma, seleção, submeter, sem, aciona, mensagem, validação, type, large, medium, one, hidden, tem, portanto, existe, nativo, contorno, comum, vazia, exibe, aviso, permanece, aberta, deva, antes, selecionado, languages, you, know, boolean, permitir, então, quantas, linhas, clicar, intervalo, shift, neste, usada, reunir, grupos, and, window, vem, pares, conteúdo, escrito, abertura, fechamento, visível, tecnologia, assistiva, anuncie, propósito, rotulado, fornece, nenhum, descreva, leitores, ecrã, anunciam, nada, significativo, defina, aponte, esse, também, permite, clique, focar, precisar, ler, ter, dica, escolhido, coloque, usando, reside, alterar, agrupar, relacionadas, sob, cabeçalho, negrito, selecionável, esta, aborda, rotulagem, comportamentos, desativado, difere, clica, expande, seleciona, dos, controlos, fundamentais, utilizado, seletores, países, até, menus, ordenação, aprenda, seus, charset, checked, autoplay, action, accesskey, colspan, defer, draggable, download, 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, filtros, stroking, text, path, polyline, polygon, linha, elipse, círculo, retângulo, gradientes, coordenadas, desenhando, xmp, wbr, video, var, track, time, thead, tfoot, textarea, template, tbody, table, sup, summary, sub, style, strong, strike, span, spacer, source, samp, ruby, rtc, progress, pre, picture, plaintext, param, output, object, noscript, noframes, nobr, nav, meter, meta, menuitem, marquee, mark, map, main, link, legend, keygen, kbd, isindex, ins, img, iframe, hgroup, header, frameset, frame, footer, font, figure, figcaption, fieldset, embed, div, dialog, dfn, details, del, data, colgroup, col, cite, center, caption, blockquote, blink, big, bdo, bdi, basefont, base, audio, aside, article, area, applet, address, acronym, abbr, obsoletas, xhtml, tabela, tipos, mime, mensagens, status, métodos, atalhos, teclado, entidades, codificação, utf, códigos, 8859, ascii, conjuntos, caracteres, references, migração, suporte, áudio, semânticos, layout, computercode, caminhos, arquivo, estilos, scripts, blocos, tabelas, comentários, 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 select sintaxe exemplos e atributos 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 select a tag html select cria uma lista suspensa de opções aprenda seus atributos acessibilidade multiple size required e placeholder a tag html select cria uma lista suspensa de opções o utilizador clica no controlo a lista expande e ele seleciona um valor ou vários com o atributo multiple é um dos controlos de formulário fundamentais utilizado desde seletores de países até menus de ordenação esta página aborda a sintaxe todos os atributos acessibilidade rotulagem os comportamentos de multiple size required o padrão de placeholder desativado e como select difere de um input associado a datalist a tag option define cada opção e reside dentro do select por padrão a primeira opção é pré selecionada adicione o atributo selected a uma opção para alterar qual é pré selecionada use optgroup para agrupar opções relacionadas sob um cabeçalho em negrito não selecionável para enviar o valor escolhido dê ao select um name e coloque o dentro de um form ou associe o a um usando o atributo form o valor enviado ao servidor é o value da opção selecionada dica se precisar enviar os dados ao servidor ou ler a lista a partir de um script o select deve ter um name e estar associado a um form sempre rotule o seu select um select por si só não fornece ao utilizador nenhum texto que descreva o que está a escolher e os leitores de ecrã não anunciam nada significativo associe sempre a um label defina um id no select e aponte o atributo for do label para esse id isso também permite que o utilizador clique no texto do label para focar o controlo exemplo de um select rotulado doctype html html head title title of the document title head body label for topic choose a topic label select id topic name topic option value html html option option value css css option option value js javascript option select body html copiar result quando um label visível não for possível use aria label no select para que a tecnologia assistiva ainda anuncie o seu propósito sintaxe a tag select vem em pares o conteúdo é escrito entre as tags de abertura select e de fechamento select exemplo da tag html select exemplo da tag html select doctype html html head title title of the document title head body form select option value books books option option value html html option option value css css option option value php php option option value js javascript option select form body html copiar experimente você mesmo result exemplo da tag html select com a tag optgroup exemplo da tag html select com a tag optgroup doctype html html head title window title of the page title head body select aria label books and snippets optgroup label books option value html html option option value css css option optgroup optgroup label snippets option value git git option option value java java option optgroup select body html copiar experimente você mesmo neste exemplo a tag optgroup é usada para reunir as opções em grupos result selecionar múltiplas opções adicione o atributo boolean multiple para permitir que o utilizador escolha mais de uma opção o controlo é então renderizado como uma caixa de lista com barra de rolagem em vez de uma lista suspensa combine o com size para definir quantas linhas são visíveis para selecionar vários valores o utilizador mantém pressionado ctrl cmd no mac ao clicar ou mantém pressionado shift para selecionar um intervalo exemplo de multiple e size doctype html html head title title of the document title head body label for langs languages you know label select id langs name langs multiple size 4 option value html html option option value css css option option value js javascript option option value php php option option value sql sql option select body html copiar result quando um select com multiple é submetido cada valor selecionado é enviado com o mesmo name por exemplo langs html langs js adicionar um placeholder um select sempre tem um valor portanto não existe placeholder nativo o contorno comum é uma primeira opção que é vazia pré selecionada desativada e oculta ela exibe um aviso não pode ser re selecionada e permanece oculta quando a lista é aberta combine a com required para que uma escolha real deva ser feita antes de o formulário ser enviado exemplo de uma opção placeholder doctype html html head title title of the document title head body form label for size choose a size label select id size name size required option value disabled selected hidden choose one option option value s small option option value m medium option option value l large option select button type submit submit button form body html copiar result como o value do placeholder é vazio o atributo required trata isso como nenhuma seleção feita submeter sem escolher uma opção real aciona a mensagem de validação do navegador select vs datalist um select obriga o utilizador a escolher a partir de uma lista fixa se em vez disso quiser um campo de texto livre que sugira valores que o utilizador pode aceitar ou ignorar isso é trabalho para um datalist associado a um input de texto através do atributo list não é uma funcionalidade do select é um elemento separado com comportamento diferente use o quando digitação com autocomplete se adequa melhor do que uma lista suspensa estrita atributos atributo valor descrição autofocus autofocus define que a lista deve receber foco após o carregamento da página disabled disabled indica que a lista está desativada e o utilizador não pode interagir com ela form form_id associa o select a um form pelo id desse formulário para que o controlo possa estar fora do elemento form na marcação e ainda ser submetido com ele multiple multiple indica que mais de uma opção pode ser escolhida o método de escolher mais de uma opção depende do sistema operativo no windows é necessário manter a tecla ctrl pressionada no mac a tecla cmd name name define um nome para o menu suspenso pode ser usado para aceder aos dados do formulário após o envio ou para associar a um elemento javascript required required indica que a escolha de uma opção é obrigatória size number indica o número de opções visíveis na lista suspensa se o valor do atributo size for maior que 1 e menor que o número total de opções na lista o navegador adicionará automaticamente uma barra de rolagem para indicar que há mais opções a visualizar a tag select suporta atributos globais e os atributos de evento como estilizar uma tag html select o elemento select é renderizado parcialmente pelo sistema operativo por isso resiste à estilização completa com css e os resultados variam entre navegadores é possível definir de forma fiável a fonte cores padding e modelo de caixa no próprio controlo para substituir a seta nativa da lista suspensa pela sua redefina o aspeto do sistema com appearance none e adicione uma seta personalizada por exemplo um background image ou um wrapper com um pseudo elemento a lista de opções expandida e a estilização por opção permanecem apenas parcialmente controláveis para listas suspensas totalmente personalizadas e com pixel perfect os desenvolvedores geralmente constroem um widget com elementos que não são select e javascript prática prática qual é a função do elemento html select qual é a função do elemento html select é usado para criar uma imagem em html é usado para criar uma lista suspensa com opções que os utilizadores podem selecionar é usado para criar uma caixa de texto em html para entrada de texto é usado para incorporar um reprodutor de vídeo na página verificar was this page helpful yes no previous section next small on this page sempre rotule o seu select sintaxe selecionar múltiplas opções adicionar um placeholder select vs datalist atributos como estilizar uma tag html select 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
|
