Adicione o text de pairar sem JavaScript, como o mouse no nome do usuário

Adicione o text de pairar sem JavaScript, como o mouse no nome do usuário
Em muitas páginas da web, geralmente vemos um texto que aparece em um determinado elemento quando passamos por ele e desaparecemos quando movemos o cursor para outro lugar na tela. Esse texto é chamado de text. Em JavaScript, é fácil adicionar o texto em pairar em um elemento. Mas também é possível adicionar um texto em pairar em um documento HTML usando o “”Elemento ou o“”Elemento com o atributo do título.

Este artigo demonstrará dois métodos úteis para adicionar um texto pairar no HTML sem usar o JavaScript:

  • Através do elemento “div”
  • Através do elemento "span"

Método 1: Adicione o texto do mouse através do elemento “div”

Um texto em pairar pode ser adicionado simplesmente usando o “”Elemento com o“títuloAtributo na abertura “”. O desenvolvedor precisa adicionar o text de paus no atributo "título" dentro do "”A tag de abertura e o elemento HTML são adicionados entre a abertura e o fechamento“" Tag. O texto dentro do “”O elemento de contêiner pode ser de qualquer tipo. Por exemplo, um “

" cabeçalho, "

Exemplo

Vamos escrever um exemplo simples para adicionar o “”Elemento para adicionar o texto do mouse sobre um elemento HTML:

Passe o mouse sobre mim!

De acordo com o código acima:

  • A "”O elemento foi adicionado com o“títuloAtributo na abertura “" marcação.
  • O "título”O atributo contém o texto que deveria ser exibido enquanto o usuário paira o cursor do mouse sobre o texto.
  • Entre a abertura e o fechamento “”Tags é o texto que será exibido na interface pairando sobre o qual exibirá o texto em pairar.

O exemplo acima da adição exibirá a seguinte saída:

Método 2: Adicione o texto de pairar através do elemento "span"

Um texto em pairar também pode ser adicionado usando o “”Elemento em HTML. Tudo o que ele exige é adicionar o textão do mouse no atributo de título e o elemento HTML real para o qual o texto em pairar é adicionado entre a abertura e o fechamento “" Tag.

Exemplo

Vamos adicionar um exemplo simples para inserir o “”Elemento no documento HTML com a finalidade de adicionar o text de pairar sobre um elemento HTML:

Passe o mouse sobre mim!

No exemplo acima:

  • A "”O elemento foi adicionado com o“título”Atributo dentro da abertura“" marcação.
  • O "título”O atributo contém o texto que deveria ser exibido quando o usuário paira.
  • Entre a abertura e o fechamento “”Tags é o texto que será exibido para o usuário pairando sobre o qual exibirá o texto do mouse.

Saída

Isso resume os métodos possíveis para adicionar um texto em pairar sem usar JavaScript.

Conclusão

Um texto em pairar pode ser facilmente adicionado no HTML sem exigir o uso de funções JavaScript. O desenvolvedor precisa usar o “”Elemento ou o“”O elemento que cria o elemento HTML e adicione o atributo de título que define o texto Passe. Esta posta.