HTML Selecionar atributos Javascript

| | | | | | | | | | | | | | | | | | | | | |

A tag HTML deve conter uma ou mais tags

As áreas de clique são uma parte importante de muitos formulários da web. As caixas de seleção permitem que você aceite a entrada do usuário e limite as opções que um usuário pode escolher dentre aquelas que você especificar.

A tag HTML . Vamos nos referir a um exemplo para você começar com esta tag.

Formulários HTML

Os formulários são uma parte essencial de muitos sites e permitem que você aceite dados do usuário que você pode criar em seu site. Por exemplo, se você estiver projetando um site para um café, poderá criar um formulário que aceite comentários de clientes.

Em HTML, é usado para declarar um módulo. Em seguida, você pode usar elementos HTML como e selecionar para definir os dados do formulário que serão coletados. Para este tutorial, vamos nos concentrar no

A tag

não tem opções. Precisamos usar a para definir as opções que aparecem na tag . Neste exemplo, também especificamos o atributo value com nossa tag é suportado por todos os principais navegadores modernos

Por que você .. Eles devem usar a tag HTML é útil quando você deseja limitar os valores ‚Äã‚Äãque um usuário pode inserir em um formulário campo. Aqui estão alguns exemplos onde a tag

Suponha que você esteja criando um formulário da web para uma padaria local. Fomos solicitados a criar um formulário que permita que um usuário peça pão. Esse formulário deve apresentar uma lista suspensa de pães na qual o usuário pode escolher um pão. As opções que devem aparecer são: / ul>

Por padrão, Branco simples deve ser selecionado.

Para criar este dropdown HTML menu , poderíamos usar o seguinte código:

Nosso código retorna:

para definir nossa lista de seleção. Especificamos o atributo name que especifica o nome do controle do formulário de seleção e atribuímos ao atributo o valor breadType.

A seguir, usamos quatro para criar a lista de opções a serem apresentadas ao usuário. Cada uma dessas tags tem um atributo value especificado. Este atributo armazena o valor da opção que será enviado ao servidor quando o usuário enviar o formulário.

A primeira tag que exibe rótulo branco normal,< /em> também tem um atributo selecionado especificado. . Isso torna Cor: Branco Normal a opção selecionada por padrão

Podemos permitir que nosso usuário selecione várias opções da lista usando o atributo multiple:

O atributo múltiplo é uma palavra-chave. Isso significa que você não precisa usar um sinal de igual para atribuir um valor ao atributo.

Para selecionar vários valores, mantenha pressionado o botão Ctrl no Windows ou o botão Cmd no Mac.

Atributos de tags HTML tem alguns atributos HTML específicos que podem ser aplicados à tag. Estes são os seguintes:

Atributos Valor Descrição
foco automático foco automático Define o foco para a lista suspensa quando o documento é carregado.
desabilitado desabilitado Indica que a lista suspensa está desabilitada (se um usuário não puder apresentar um valor usando a lista)
formulário form_id Indica o formulário com o qual um elemento está vinculado.
vários vários Permite que os usuários selecionem várias opções.
nome nome indica o nome do elemento.
obrigatório obrigatório Indica que o campo do formulário deve ser preenchido antes de ser enviado.
tamanho número Especifica o número de opções que, por exemplo, devem ser apresentadas ao usuário. O elemento HTML

Conclusão

que exibe uma lista de valores. Um usuário pode escolher um ou mais valores ‚Äã‚Äãda lista. para criar um campo de formulário suspenso em HTML.

Quer saber mais sobre programação HTML? Confira nosso Guia de aprendizado de HTML . Este guia contém as melhores dicas sobre como aprender HTML e uma lista de recursos de aprendizado para ajudá-lo a expandir seu conhecimento.