e-gradiva     HTML CSS JavaScript Načrtovanje    
  logotip  
SERŠ Maribor Iskanje Primeri

Sestavljen gumb

Koda:
<form action="button.html" method="get">
<button type="button"
onclick="window.open('foto6.jpg')">
<img src="xfoto6.jpg" />
<p>Je to Nejc?</p>
</button>
 
<button type="button"
onclick="alert('čisto navaden gumb')">
<p>Klikni na ta gumb!</p>
</button>
</form>
Izgled v
brsklalniku
 
Razlaga: Takšen gumb je sestavljen iz več elementov. Znotraj elementa <button>...</button> se lahko nahajajo drugi elementi (v zgornjem primeru img in p). Gumb je lahko tudi tipa reset in submit. V zadnjem času se lahko dogodki izvajajo v povezavi s skoraj vsemi elementi, tako da ni več velike potrebe po takšnem elementu.

SERŠ Maribor : Strokovna gimnazija : 2004 : Jure Štern