Lisage hõljuktekst ilma JavaScriptita, nagu me hõljume kasutajanime peal

Lisage Holjuktekst Ilma Javascriptita Nagu Me Holjume Kasutajanime Peal



Paljudel veebilehtedel näeme sageli teksti, mis ilmub teatud elemendile, kui hõljutame selle kohal, ja kaob, kui liigutame kursori ekraanil mujale. Seda teksti nimetatakse hõljuktekstiks. JavaScriptis on hõlbus teksti lisada elemendile. Kuid HTML-dokumenti on võimalik lisada ka hõljuvat teksti, kasutades kas '
' element või ' ” element pealkirja atribuudiga.

See artikkel tutvustab kahte kasulikku meetodit hõljutiteksti lisamiseks HTML-i ilma JavaScripti kasutamata.

1. meetod: lisage hõljuktekst 'div' elemendi kaudu

Hõljuva teksti saab lisada lihtsalt '

' element koos ' pealkiri ' atribuut avas ' ”. Arendaja peab lisama hõljukteksti atribuudile „title”
' avav silt ja HTML-element lisatakse ava- ja sulgemismärgi vahele
” sildid. Tekst jaotises '
” konteineri element võib olla mis tahes tüüpi. Näiteks '

'pealkiri', '

” lõigu element või lihtne lihttekst.





Näide

Kirjutame lihtsa näite, et lisada '

” elementi, et lisada kursorit HTML-elemendi kohale:



< div pealkiri = 'See on hõljuktekst' > Hõljutage minu kohal! < / div >

Vastavalt ülaltoodud koodile:



  • A '
    ' element on lisatud ' pealkiri ' atribuut avas '
    ” silti.
  • ' pealkiri ” atribuut sisaldab teksti, mida peaks kuvama, kui kasutaja viib hiirekursori teksti kohal.
  • Avamise ja sulgemise vahel
    ” sildid on tekst, mis kuvatakse liidesel, hõljutades kursorit ja mille kohal kuvatakse hõljuktekst.

Eespool lisatud näide kuvab järgmise väljundi:



2. meetod: lisage hõljuktekst 'span' elemendi kaudu

Kursori teksti saab lisada ka kasutades ' ” element HTML-is. Selleks on vaja vaid hõljukteksti lisamist pealkirja atribuudile ja tegelikku HTML-i elementi, mille jaoks hõljuktekst lisatakse ava- ja sulgemissõnade vahele. ” sildid.



Näide

Lisame lihtsa näite, et lisada ' ” element HTML-dokumendis, et lisada kursorit HTML-elemendi kohale:

< ulatus pealkiri = 'See on hõljuktekst' >Hõljutage kursorit minu kohal!< / ulatus >

Ülaltoodud näites:

  • A ' ' element on lisatud ' pealkiri ' atribuut ava sees ' ” silti.
  • ' pealkiri ” atribuut sisaldab teksti, mis peaks kuvama, kui kasutaja hõljutab kursorit.
  • Avamise ja sulgemise vahel ” sildid on tekst, mis kuvatakse kursorit hõljuvale kasutajale, mille kohal kuvatakse hõljutustekst.

Väljund

See võtab kokku võimalikud meetodid hõljukteksti lisamiseks ilma JavaScripti kasutamata.

Järeldus

Hõljuvat teksti saab hõlpsasti lisada HTML-i, ilma et oleks vaja JavaScripti funktsioone. Arendaja peab kasutama kas '

' element või ' ” element, mis loob HTML-i elemendi ja lisab seejärel hõljukteksti määratleva pealkirja atribuudi. See postitus on hea juhend hõljukteksti lisamise meetodi kohta ilma JavaScripti nõudmata.

muud

Kategooria

Lemmik Postitused

Täieliku Interneti-arvutiteaduse andmebaasi ja Interneti-karjäärikursuse 1. peatüki probleemide lahendused algusest peale

Mis on C++ liidesed

NumPy Cos

Kuidas installida NVIDIA draivereid Fedora Workstation 38-sse

Kuidas lahendada mittelineaarsete võrrandite süsteemi MATLABis

Java teisendage Char näidete abil Int-iks

Kuidas jäädvustada ja analüüsida pakette näite abil Tcpdumpiga

Kuidas liikuda Vi redaktoris rea lõppu

Kuidas määratleda Amazon ECS-i ülesannete määratlusi?

Kuidas käivitada JDownloader rakenduses Raspberry Pi

Kuidas desinstallida VirtualBox 7

Kommentaari lisamine käsuviibale

Kuidas tuua haru ülesvoolust kohalikule repole?

Kuidas kontrollida, kas Docker Daemon töötab teie Macis

Kuidas kontrollida, kas virtualiseerimine on Windowsis lubatud

Pandade summa veerg

Kuidas aktsepteerida kõiki Gitis kehtivaid/sissetulevaid muudatusi?

Kuidas otsida ja avada faile Windows 11 käsuviiba abil?

Kuidas liituda Discord Fortnite'i serveriga

Kuidas hallata AWS-i kontosid AWS-i organisatsioonide kaudu?