เพิ่มข้อความโฮเวอร์โดยไม่มี JavaScript เหมือนที่เราวางเมาส์เหนือชื่อผู้ใช้

ตามรหัสด้านบน:

• เอ “
  ” องค์ประกอบได้รับการเพิ่มด้วย “ ชื่อ ” แอตทริบิวต์ในการเปิด “

  ” แท็ก
• “ ชื่อ แอตทริบิวต์ ” มีข้อความที่ควรจะแสดงในขณะที่ผู้ใช้วางเคอร์เซอร์ของเมาส์เหนือข้อความ
• ระหว่างการเปิดและปิด”
  ” แท็กคือข้อความที่จะแสดงบนอินเทอร์เฟซโดยวางเมาส์เหนือซึ่งจะแสดงข้อความที่วางเมาส์ไว้

ตัวอย่างที่เพิ่มไว้ด้านบนจะแสดงผลลัพธ์ต่อไปนี้:

วิธีที่ 2: เพิ่มข้อความโฮเวอร์ผ่านองค์ประกอบ 'span'

นอกจากนี้ยังสามารถเพิ่มข้อความโฮเวอร์ได้โดยใช้ปุ่ม “ ” องค์ประกอบใน HTML สิ่งที่ต้องทำคือเพิ่มข้อความโฮเวอร์ในแอตทริบิวต์ชื่อเรื่องและองค์ประกอบ HTML จริงซึ่งเพิ่มข้อความโฮเวอร์ระหว่างการเปิดและปิด ' แท็ก

ตัวอย่าง

เรามาเพิ่มตัวอย่างง่ายๆ ในการใส่ “ องค์ประกอบ ” ในเอกสาร HTML เพื่อจุดประสงค์ในการเพิ่มข้อความโฮเวอร์เหนือองค์ประกอบ HTML:

ในตัวอย่างข้างต้น:

• เอ “ ” องค์ประกอบได้รับการเพิ่มด้วย “ ชื่อ ” แอตทริบิวต์ภายในช่องเปิด “ ” แท็ก
• “ ชื่อ แอตทริบิวต์ ” มีข้อความที่ควรจะแสดงเมื่อผู้ใช้วางเมาส์เหนือ
• ระหว่างการเปิดและปิด” ” แท็กคือข้อความที่จะแสดงต่อผู้ใช้เมื่อวางเมาส์เหนือ ซึ่งจะแสดงข้อความที่วางเมาส์ไว้

เอาต์พุต

สรุปวิธีการที่เป็นไปได้ในการเพิ่มข้อความโฮเวอร์โดยไม่ใช้ JavaScript

บทสรุป

สามารถเพิ่มข้อความโฮเวอร์ใน HTML ได้อย่างง่ายดายโดยไม่ต้องใช้ฟังก์ชัน JavaScript นักพัฒนาจำเป็นต้องใช้ทั้ง “