2010-02-10 17 views
167

¿Es posible crear una información sobre herramientas para un botón html? Es el botón HTML normal y no hay ningún atributo de Título, ya que está ahí para algunos controles html. ¿Alguna idea o comentario?información sobre herramientas para Button

Respuesta

321

sólo tiene que añadir un title a su button.

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

+36

Nota: no parece funcionar en los botones 'deshabilitados'. –

+5

@EduardLuca, en mi caso, la información sobre herramientas realmente no funciona en los botones 'deshabilitados' porque Bootstrap establece' pointer-events: none' para el estado deshabilitado. Debería funcionar si se establece 'pointer-events: auto' directamente en el elemento. –

+0

también es eso, la información sobre herramientas intentará mostrar el fondo desde donde está el mouse. Por lo tanto, si el elemento de destino está en la parte inferior derecha de la pantalla, la información sobre herramientas se desplaza sobre el puntero del mouse. En términos más generales: la posición de la punta no es inteligente a veces ... pero supongo que son solo los navegadores. – gideon

8

título es un atributo estándar y se puede utilizar en casi todas partes

Ver este http://www.w3schools.com/tags/tag_button.asp

+0

El problema que estoy leyendo destaca que el atributo de título no es totalmente compatible con muchos navegadores móviles. Actualmente estoy investigando esto también para algunos problemas de ADA y parece ser solo un poco compatible. –

+1

@isaacweathers Bueno, ¿cómo "hover" en un navegador móvil, de todos modos, para ver el título? – mbomb007

+0

@ mbomb007 -: el estado de enfoque en iOS con voz en off es lo más parecido a: atributo de desplazamiento al estado que se puede obtener. –

30

tanto <button> etiqueta y <input type="button"> aceptar un atributo de título ..

6

para todos aquí en busca de una solución loca , simplemente tratar

title="your-tooltip-here" 

en cualquier etiqueta. He probado en td y a y funciona muy bien.

+2

Esto es lo mismo que la respuesta aceptada. – krillgar

+1

@krillgar, di una solución general que funciona no solo con _button_ sino con otras etiquetas. Mi intención era reforzar esta posibilidad. –

Cuestiones relacionadas