Afegiu el text del cursor sense JavaScript, com ho passem pel nom d'un usuari

Afegiu El Text Del Cursor Sense Javascript Com Ho Passem Pel Nom D Un Usuari



En moltes pàgines web, sovint veiem un text que apareix en un determinat element quan passem el cursor per sobre d'ell i desapareix quan movem el cursor a un altre lloc de la pantalla. Aquest text s'anomena text flotant. A JavaScript, és fàcil afegir el text del cursor en un element. Però, també és possible afegir un text passant el cursor en un document HTML utilitzant el '
'element' o el ' ” element amb l'atribut title.

Aquest article mostrarà dos mètodes útils per afegir un text desplaçat en HTML sense utilitzar JavaScript:

Mètode 1: afegiu text passant el cursor mitjançant l'element 'div'.

Es pot afegir un text amb el ratolí utilitzant simplement '

” element amb “ títol 'atribut a l'obertura' ”. El desenvolupador ha d'afegir el text del cursor a l'atribut 'títol' dins del '
'Etiqueta d'obertura i l'element HTML s'afegeix entre l'obertura i el tancament'
etiquetes. El text dins del '
” L'element contenidor pot ser de qualsevol tipus. Per exemple, un '

' encapçalament '

” element de paràgraf, o un simple text pla.





Exemple

Escrivim un exemple senzill per afegir el '

” per afegir el text passant el cursor sobre un element HTML:



< div títol = 'Aquest és el text del cursor' > Passa el cursor sobre mi! < / div >

Segons el codi anterior:



  • A '
    ' s'ha afegit l'element amb el ' títol 'atribut a l'obertura'
    ' etiqueta.
  • El ' títol ” conté el text que se suposa que s'ha de mostrar mentre l'usuari passa el cursor del ratolí per sobre del text.
  • Entre l'obertura i el tancament'
    ” etiquetes és el text que es mostrarà a la interfície passant el cursor per sobre de la qual es mostrarà el text del cursor.

L'exemple afegit anterior mostrarà la sortida següent:



Mètode 2: afegiu text passant el cursor mitjançant l'element 'span'.

També es pot afegir un text amb el ratolí mitjançant el ' ” element en HTML. Tot el que necessita és afegir el text del cursor a l'atribut del títol i l'element HTML real per al qual s'afegeix el text del cursor entre l'obertura i el tancament ' etiquetes.



Exemple

Afegim un exemple senzill per inserir el ' ” al document HTML amb el propòsit d'afegir el text passant per sobre d'un element HTML:

< span títol = 'Aquest és el text del cursor' > Passa el cursor sobre mi!< / span >

En l'exemple anterior:

  • A ' ' s'ha afegit l'element amb el ' títol 'atribut dins de l'obertura' ' etiqueta.
  • El ' títol ” conté el text que se suposa que s'ha de mostrar quan l'usuari passa el cursor per sobre.
  • Entre l'obertura i el tancament' ” etiquetes és el text que es mostrarà a l'usuari que passa el cursor per sobre del qual es mostrarà el text del cursor.

Sortida

Això resumeix els mètodes possibles per afegir un text passant sense utilitzar JavaScript.

Conclusió

Es pot afegir fàcilment un text en HTML sense necessitat de l'ús de funcions de JavaScript. El desenvolupador ha d'utilitzar el '

'element' o el ' ” element que crea l'element HTML i, a continuació, afegeix l'atribut de títol que defineix el text del cursor. Aquesta publicació és una bona guia sobre el mètode per afegir el text del cursor sense necessitat de JavaScript.

Altres

Categoria

Entrades Populars

Salesforce Rest API

Operador $Max de MongoDB

Per què els MacBook no tenen pantalla tàctil?

Els pandes llegeixen JSON

Com dominar la lògica condicional a Bash

Què són les interfícies en C++

Què és el servei de correu electrònic simple d'Amazon i com utilitzar-lo?

Escriptura de consultes en C# LINQ

Puc penjar el meu fitxer d'àudio que sembla un missatge de veu a Discord?

Comandament vmstat a Linux

Obteniu la mida de la carpeta a PowerShell

Què és la funció calloc() en C++?

Com trobar la resolució de pantalla d'escriptori des de la línia d'ordres a Raspberry Pi

Instal·lació de Git a PATH amb el client GitHub per a Windows

Funció principal SQL

Configura l'entorn Django a EC2 Ubuntu

Quins són els millors assistents d'escriptura d'IA?

Com corregir l'error 'Nom que ja s'utilitza pel contenidor'.

Com canviar 'Hey Siri' a 'Siri' a iPhone, iPad i Mac

Com afegir un dia a una data a Java