O plugin modal do bootstrap permite gerar uma caixa de diálo...

Próximas questões
Com base no mesmo assunto
Q853972 Programação
O plugin modal do bootstrap permite gerar uma caixa de diálogo sobre a página atual. O elemento <div> pai do modal deve ter como valor do atributo id o mesmo valor de um atributo do elemento usado para disparar o modal. Este atributo usado para disparar o modal é o
Alternativas

Gabarito comentado

Confira o gabarito comentado por um dos nossos professores

Alternativa correta: B - data-target.

A questão aborda o funcionamento do plugin modal do Bootstrap, que é um popular framework de front-end para desenvolvimento de sites responsivos e mobile-first. O Bootstrap oferece uma série de componentes pré-construídos que podem ser facilmente integrados em um site para adicionar funcionalidades e estilização de forma consistente e acessível. O componente modal é um exemplo desses componentes, sendo uma caixa de diálogo que aparece na frente da página atual, geralmente usado para confirmar ações, mostrar informações adicionais, ou mesmo para inserir dados por parte do usuário.

Para resolver a questão, o conhecimento necessário envolve entender como o modal é ativado no Bootstrap. O elemento que dispara o modal precisa estar vinculado a ele através de atributos específicos no HTML. O atributo data-target é utilizado no elemento que dispara o modal e o valor desse atributo deve ser o mesmo do atributo id da div que contém o modal. Este é um exemplo clássico de como o Bootstrap utiliza atributos de dados (data attributes) para associar elementos do HTML com comportamentos do JavaScript.

A alternativa B - data-target é correta porque especifica exatamente este atributo. Ao clicar em um elemento que possui o atributo data-target com o valor correspondente ao id do modal, o Bootstrap identifica que o clique nesse elemento deve acionar a exibição do modal correspondente. Esse modo de operação é fundamental para a manipulação de elementos dinâmicos na interface de usuário sem a necessidade de escrever JavaScript adicional.

Clique para visualizar este gabarito

Visualize o gabarito desta questão clicando no botão abaixo

Comentários

Veja os comentários dos nossos alunos

https://www.w3schools.com/bootstrap/bootstrap_modal.asp

data-target geralmente utilizado no Bootstrap, está junto aos modais, mas não somente. Pelo próprio nome, subentende-se que irá fazer referência ao seu alvo, objetivo. Este atributo deve conter um seletor CSS que aponte para o elemento HTML que irá participar do evento.

Gab B

Clique para visualizar este comentário

Visualize os comentários desta questão clicando no botão abaixo