Düğme için ipuçları

Html düğmesi için bir ipucu oluşturmak mümkün mü? Bu normal HTML düğmesi ve bazı html denetimleri için olduğu gibi Başlık özniteliği yoktur. Herhangi bir düşünce veya yorumunuz var mı?

Basitçe bir ekleme titleadresinden Müşteri button.

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

hem <button>etiketleyin hem de <input type="button">bir başlık özelliğini kabul edin.

titleÖzniteliği kullan . Standart bir HTML özelliğidir ve varsayılan olarak çoğu masaüstü tarayıcısı tarafından bir araç ipucunda oluşturulur.

Burada çılgın bir çözüm arayan herkes için ,

title="your-tooltip-here"

içinde her etikete . td'S' sini test ettim ave güzel çalışıyor.

Düğme "başlık" özelliğini kabul eder. Daha sonra, fareyi düğmenin üzerine getirdiğinizde etiketin görünmesini istediğiniz değeri atayabilirsiniz.

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

Title özelliği, daha fazla bilgi vermek içindir. SEO için yararlı değildir, bu nedenle görüntüyü veya girdiyi açıklamak için kullanılan başlıkta ve altta aynı metne sahip olmak asla iyi bir fikir değildir. Örneğin:

<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 özniteliği bir araç ipucu yapar, ancak tarayıcı tarafından göründüğü yere ve neye benzediğine göre kontrol edilir. Daha fazla kontrol istiyorsanız, üçüncü taraf jQuery seçenekleri vardır, Bootstrap gibi birçok css şablonu yerleşik çözümlere sahiptir ve isterseniz basit bir css çözümü de yazabilirsiniz. Bu w3schools çözümüne göz atın .

Sen kullanmalıdır hem başlık ve alt tüm tarayıcılarda çalışması için özelliklerini.

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