Das HTML-Tag <button> erzeugt Schaltflächen, die man auch außerhalb von <form> – Tags benutzen kann. Dabei kann das Tag aus einem Bild und einem Text bestehen. Bilder oder Texte, die man zwischen dem öffnenden und dem schließenden <button>-Tag einsetzt, werden mit in dem Button gerendert, auch die meisten HTML-Tags funktionieren im <button>-Tag. Image-Maps funktionieren allerdings nicht innerhalb des <button>-Tags.
Mit <button> wird ein Inline-Element erzeugt, das keinen Zeilenvorschub erzwingt. Die beiden Schaltflächen im Beispiel basieren auf folgendem Code:
<button type=“button“> <img src=“weiter.gif“> <span style=“display: block; width: 80px; color: #0000ff“>Dortmund</span> </button><button type=“button“> <img src=“weiter.gif“> <span style=“display: block; width: 80px; color: #0000ff“>Köln</span> </button>
