Thêm văn bản di chuột mà không cần JavaScript Giống như chúng tôi di chuột trên tên người dùng

Them Van Ban Di Chuot Ma Khong Can Javascript Giong Nhu Chung Toi Di Chuot Tren Ten Nguoi Dung



Trên nhiều trang web, chúng ta thường xem một văn bản xuất hiện trên một phần tử nhất định khi chúng ta di chuột qua nó và biến mất khi chúng ta di chuyển con trỏ đến một nơi khác trên màn hình. Văn bản đó được gọi là văn bản di chuột. Trong JavaScript, thật dễ dàng để thêm văn bản di chuột vào một phần tử. Tuy nhiên, cũng có thể thêm văn bản di chuột vào tài liệu HTML bằng cách sử dụng “
” phần tử hoặc phần tử “ ” với thuộc tính tiêu đề.

Bài viết này sẽ trình bày hai phương pháp hữu ích để thêm văn bản di chuột vào HTML mà không cần sử dụng JavaScript:

Phương pháp 1: Thêm văn bản di chuột qua phần tử “div”

Có thể thêm văn bản di chuột bằng cách sử dụng “

” yếu tố với “ tiêu đề ” thuộc tính trong phần mở đầu “ ”. Nhà phát triển cần thêm văn bản di chuột vào thuộc tính “tiêu đề” bên trong “
” thẻ mở và phần tử HTML được thêm vào giữa phần mở và phần đóng “
” thẻ. Văn bản bên trong “
” phần tử vùng chứa có thể thuộc bất kỳ loại nào. Ví dụ: một “

' phần mở đầu, '

” phần tử đoạn văn hoặc một văn bản thuần túy đơn giản.







Ví dụ

Hãy viết một ví dụ đơn giản để thêm “

” để thêm văn bản di chuột qua phần tử HTML:



< div tiêu đề = 'Đây là văn bản di chuột' > Di chuột qua tôi! < / div >

Theo mã trên:



  • MỘT '
    ” phần tử đã được thêm vào với “ tiêu đề ” thuộc tính trong phần mở đầu “
    ' nhãn.
  • Các ' tiêu đề ” thuộc tính chứa văn bản được cho là sẽ được hiển thị trong khi người dùng di con trỏ chuột qua văn bản.
  • Giữa mở đầu và kết thúc “
    ” tags là đoạn văn bản sẽ hiển thị trên giao diện khi di chuột qua sẽ hiển thị đoạn văn bản khi di chuột.

Ví dụ được thêm vào ở trên sẽ hiển thị đầu ra sau:





Phương pháp 2: Thêm văn bản di chuột qua phần tử “span”

Một văn bản di chuột cũng có thể được thêm bằng cách sử dụng “ ” phần tử trong HTML. Tất cả những gì nó yêu cầu là thêm văn bản di chuột vào thuộc tính tiêu đề và phần tử HTML thực tế mà văn bản di chuột được thêm vào giữa phần mở đầu và phần kết “ ” thẻ.



Ví dụ

Hãy thêm một ví dụ đơn giản để chèn “ ” trong tài liệu HTML với mục đích thêm văn bản di chuột qua một phần tử HTML:

< nhịp tiêu đề = 'Đây là văn bản di chuột' >Di chuột qua tôi!< / nhịp >

Trong ví dụ trên:

  • MỘT ' ” phần tử đã được thêm vào với “ tiêu đề ” thuộc tính bên trong phần mở đầu “ ' nhãn.
  • Các ' tiêu đề ” thuộc tính chứa văn bản được cho là sẽ hiển thị khi người dùng di chuột qua.
  • Giữa mở và đóng “ ” thẻ là văn bản sẽ được hiển thị cho người dùng di chuột qua sẽ hiển thị văn bản di chuột.

đầu ra

Phần này tổng hợp các phương pháp khả thi để thêm văn bản di chuột mà không cần sử dụng JavaScript.

Phần kết luận

Có thể dễ dàng thêm văn bản di chuột vào HTML mà không yêu cầu sử dụng các hàm JavaScript. Nhà phát triển cần sử dụng “

” phần tử hoặc phần tử “ ” phần tử tạo phần tử HTML và sau đó thêm thuộc tính tiêu đề xác định văn bản di chuột. Bài đăng này là một hướng dẫn tốt về phương pháp thêm văn bản di chuột mà không yêu cầu JavaScript.