เคล็ดลับเครื่องมือสำหรับปุ่ม

เป็นไปได้ไหมที่จะสร้างคำแนะนำเครื่องมือสำหรับปุ่ม html ปุ่ม HTML ปกติและไม่มีแอตทริบิวต์ชื่อเนื่องจากมีปุ่มควบคุม html บางตัว ความคิดหรือความคิดเห็นใด ๆ

เพียงแค่เพิ่มที่คุณtitlebutton

<button title="Hello World!">Sample Button</button>

ทั้ง<button>แท็กและ<input type="button">ยอมรับแอตทริบิวต์ title ..

ใช้titleคุณลักษณะ มันเป็นคุณสมบัติ HTML มาตรฐานและเป็นค่าเริ่มต้นการแสดงผลในเคล็ดลับเครื่องมือโดยเบราว์เซอร์เดสก์ทอปส่วนใหญ่

สำหรับทุกคนที่นี่กำลังมองหาวิธีการแก้ปัญหาที่บ้าเพียงแค่ลอง

title="your-tooltip-here"

ในแท็กใด ๆ ผมได้ทดสอบลงในtd'และa' s และมันทำงานสวย

ปุ่มยอมรับแอตทริบิวต์ "title" จากนั้นคุณสามารถกำหนดค่าที่คุณต้องการให้ป้ายกำกับปรากฏเมื่อคุณเลื่อนเมาส์ไปเหนือปุ่ม

<button type="submit" title="Login">
Login</button>

แอตทริบิวต์ title มีวัตถุประสงค์เพื่อให้ข้อมูลเพิ่มเติม มันไม่มีประโยชน์สำหรับ SEO ดังนั้นจึงไม่ใช่ความคิดที่ดีที่จะมีข้อความเหมือนกันในชื่อและ alt ซึ่งมีไว้เพื่ออธิบายภาพหรืออินพุตนั้นเทียบกับสิ่งที่มันทำ เช่น:

<button title="prints out hello world">Sample Buttons</button>

<img title="Hms beagle in the straits of magellan" alt="HMS Beagle painting" src="hms-beagle.jpg" />

แอตทริบิวต์ title จะสร้างเคล็ดลับเครื่องมือ แต่จะถูกควบคุมโดยเบราว์เซอร์เท่าที่ปรากฏและสิ่งที่ดูเหมือน หากคุณต้องการการควบคุมที่มากขึ้นมีตัวเลือก jQuery ของบุคคลที่สามเทมเพลต css จำนวนมากเช่น Bootstrap สร้างขึ้นในโซลูชันและคุณยังสามารถเขียนโซลูชัน css แบบง่าย ๆ ได้หากคุณต้องการ ลองดูโซลูชัน w3schoolsนี้

คุณควรใช้ทั้ง ชื่อและแอตทริบิวต์altเพื่อให้มันทำงานได้ในทุกเบราว์เซอร์

<button title="Hello World!" alt="Hello World!">Sample Button</button>