Pievienojiet kursoru tekstu bez JavaScript, tāpat kā mēs virzām kursoru uz lietotāja vārda

Pievienojiet Kursoru Tekstu Bez Javascript Tapat Ka Mes Virzam Kursoru Uz Lietotaja Varda



Daudzās tīmekļa lapās mēs bieži skatām tekstu, kas parādās uz noteikta elementa, kad virzām kursoru virs tā, un pazūd, kad pārvietojam kursoru kaut kur citur ekrānā. Šo tekstu sauc par kursora tekstu. Programmā JavaScript elementam ir viegli pievienot kursora tekstu. Taču ir iespējams arī pievienot kursora tekstu HTML dokumentā, izmantojot vai nu
'elements vai ' ” elements ar nosaukuma atribūtu.

Šajā rakstā tiks parādītas divas noderīgas metodes, kā pievienot kursoru tekstu HTML, neizmantojot JavaScript:

1. metode: pievienojiet kursora tekstu, izmantojot elementu “div”.

Kursora tekstu var pievienot, vienkārši izmantojot '

' elements ar ' virsraksts ' atribūts ievadā ' ”. Izstrādātājam ir jāpievieno kursora teksts atribūtam “title” atribūtā “
' sākuma tags un HTML elements tiek pievienots starp atvēršanas un aizvēršanas '
” atzīmes. Teksts iekšpusē '
” konteinera elements var būt jebkura veida. Piemēram, '

virsraksts, '

” rindkopas elementu vai vienkāršu vienkāršu tekstu.





Piemērs

Uzrakstīsim vienkāršu piemēru, lai pievienotu '

” elementu, lai pievienotu kursora tekstu virs HTML elementa:



< div virsraksts = 'Šis ir kursora teksts' > Virziet kursoru virs manis! < / div >

Saskaņā ar iepriekš minēto kodu:



  • A '
    'elements ir pievienots ar ' virsraksts ' atribūts ievadā '
    ” tagu.
  • ' virsraksts ” atribūts satur tekstu, kas ir jāparāda, kamēr lietotājs novieto peles kursoru virs teksta.
  • Starp atklāšanu un aizvēršanu '
    Tags ir teksts, kas tiks parādīts saskarnē, virzot kursoru virs kura tiks rādīts kursora novietošanas teksts.

Iepriekš pievienotajā piemērā tiks parādīta šāda izvade:



2. metode: pievienojiet kursora tekstu, izmantojot “span” elementu

Kursora tekstu var pievienot arī, izmantojot ” elements HTML. Viss, kas tam nepieciešams, ir pievienot kursora tekstu virsraksta atribūtā un faktisko HTML elementu, kuram kursora teksts tiek pievienots starp sākuma un beigu ' ” atzīmes.



Piemērs

Pievienosim vienkāršu piemēru, lai ievietotu ' ” elementu HTML dokumentā, lai pievienotu kursora tekstu virs HTML elementa:

< span virsraksts = 'Šis ir kursora teksts' >Novirziet kursoru virs manis!< / span >

Iepriekš minētajā piemērā:

  • A ' 'elements ir pievienots ar ' virsraksts 'atribūts atvērumā' ” tagu.
  • ' virsraksts ” atribūts satur tekstu, kas ir jāparāda, kad lietotājs virza kursoru virs tā.
  • Starp atvēršanu un aizvēršanu ' ” tagi ir teksts, kas tiks parādīts lietotājam, kas virza kursoru virs kura tiks rādīts teksts.

Izvade

Šeit ir apkopotas iespējamās metodes, kā pievienot kursoru tekstu, neizmantojot JavaScript.

Secinājums

Kursora tekstu var viegli pievienot HTML, neizmantojot JavaScript funkcijas. Izstrādātājam ir jāizmanto vai nu

'elements vai ' ” elementu, kas izveido HTML elementu, un pēc tam pievienojiet virsraksta atribūtu, kas nosaka kursora novietošanas tekstu. Šī ziņa ir labs ceļvedis par kursora teksta pievienošanas metodi, neprasot JavaScript.

Cits

Kategorija

Populārākas Posts

Kā iPhone tālrunī izslēgt uznirstošo logu bloķētāju

Kā lasīt un rakstīt tabulas datus PySpark

Kā instalēt AWS CLI Ubuntu 24.04

Instalējiet Notepadqq operētājsistēmā Linux Mint, izmantojot Snap Store

Kā izdzēst atlicināt ierakstu pakalpojumā Git

Kā instalēt peles paliktņa teksta redaktoru operētājsistēmā Linux Mint 21

Kā lietot pārtraukuma punktus un multivides vaicājumus ar “pārplūdes” utilītprogrammām programmā Tailwind?

ESP32 DHT11 temperatūras un mitruma rādījumi OLED displejā, izmantojot Arduino IDE

Kā piespiest Git Checkout?

Kā iestatīt statisko IP adresi Debian 12

Kā pārvērst masīvu par kolonnas vektoru programmā MATLAB

Kā atspējot Microsoft Teams automātisku palaišanu

Kas ir Amazon Rekognition (AMS SSPS)?

Numpy Izveidot 2D masīvu

Kā pārvaldīt Raspberry Pi automātiskos atjauninājumus

Kā apgriezt videoklipus operētājsistēmā Android?

Kā piekļūt vecāku elementam, izmantojot HTML DOM vecāku elementa rekvizītu

Kā lietot @SuppressWarnings anotāciju Java?

Kas ir Amazon vienkāršais e-pasta pakalpojums un kā to lietot?

Kā pārvaldīt sertifikātus (sertifikātus), izmantojot Windows PowerShell?