Recomendação de curso:

Atributo popovertargetaction do HTML <input>

popovertargetaction Definição e uso

Você pode definir o que acontece ao clicar no botão usando o atributo "show"(mostrar),"hide"e "toggle"escolha entre esses valores (alternar).

popovertargetaction O atributo apenas type="button" é.

É válido quando popovertargetaction Se o atributo não for especificado, será usado o padrão "toggle" Valor.

Veja também:

Manual de referência do HTML:Atributo popover do HTML

Manual de referência do HTML:Atributo popovertarget do HTML Input

Exemplo

Quando clicar no botão de entrada, o elemento emergente será exibido:

<h1 popover id="myheader">Olá</h1>
<input type="button" popovertarget="myheader" popovertargetaction="show" value="Clique em mim!">

Experimente você mesmo

Sintaxe

<input type="button" popovertarget="element_id"popovertargetaction="hide|show|toggle">

Valor do atributo

Valor Descrição Exemplo
hide Quando você clicar no botão, o elemento popup será ocultado.

Experimente

show Quando você clicar no botão, o elemento popup será exibido.

Experimente

toggle Valor padrão. Quando você clicar no botão, o elemento popup alternará entre oculto e visível.

Experimente

Suporte do navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
114 114 Não suportado 17 100