html 버튼에 대한 툴팁을 만들 수 있습니까? 일반적인 HTML 버튼이며 일부 HTML 컨트롤과 마찬가지로 Title 속성이 없습니다. 생각이나 의견이 있습니까?
답변
에을 추가하면 title
됩니다 button
.
<button title="Hello World!">Sample Button</button>
답변
<button>
태그와 <input type="button">
제목 속성을 모두 허용합니다.
답변
title
속성을 사용하십시오 . 표준 HTML 속성이며 기본적으로 대부분의 데스크탑 브라우저에서 툴팁으로 렌더링됩니다.
답변
미친 해결책을 찾는 모든 사람들에게 단순히 시도해보십시오.
title="your-tooltip-here"
에 있는 태그 . 나는에 테스트 한 td
의와 a
의와 꽤 작동합니다.
답변
버튼에는 “제목”속성이 적용됩니다. 그런 다음 단추 위로 마우스를 가져 가면 레이블을 표시 할 값을 지정할 수 있습니다.
<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 옵션이 있으며 Bootstrap과 같은 많은 CSS 템플릿에 솔루션이 내장되어 있으며 원하는 경우 간단한 CSS 솔루션을 작성할 수도 있습니다. 이 w3schools 솔루션을 확인하십시오 .
답변
title 및 alt 속성을 모두 사용 하여 모든 브라우저에서 작동하도록해야합니다.
<button title="Hello World!" alt="Hello World!">Sample Button</button>