<button> ... </button>

Atributi:	accesskey \| class \| dir \| disabled \| id \| name \| onblur \| onclick \| ondblclick \| onfocus \| onkeydown \| onkeypress \| onkeyup \| onmousedown \| onmousemove \| onmouseout \| onmouseover \| onmouseup \| style \| tabindex \| title \| type \| value \| xml:lang
Starši:	a \| abbr \| acronym \| address \| bdo \| big \| caption \| cite \| code \| dd \| del \| dfn \| div \| dt \| em \| fieldset \| h1 \| h2 \| h3 \| h4 \| h5 \| h6 \| ins \| kbd \| label \| legend \| li \| object \| p \| pre \| q \| samp \| small \| span \| strong \| sub \| sup \| td \| th \| tt \| var
Otroci:	#PCDATA \| abbr \| acronym \| address \| bdo \| big \| blockquote \| br \| cite \| code \| del \| dfn \| div \| dl \| em \| h1 \| h2 \| h3 \| h4 \| h5 \| h6 \| hr \| img \| ins \| kbd \| map \| noscript \| object \| ol \| p \| pre \| q \| samp \| script \| small \| span \| strong \| sub \| sup \| table \| tt \| ul \| var
Uporaba:	Trenutni model HTML omogoča aktivacijo dogodkov z vseh elementov HTML. Uporaba tega elementa ni potrebna in je odsvetovana. V prihodnjih različicah ga verjetno ne bo več.

Element button naredi v obrazcu gumb. Znotraj gumba se lahko nahaja razna vsebina (npr. slika) in daje iluzijo 3. dimenzije. Gumb se lahko naredi tudi z elementom <input type="button" /> ali <input type="image" />.

Med obema gumboma je nekaj razlik. V tem primeru se slika vstavi kot element img znotraj elementa button. Lahko je dodano še besedilo. Ne da se le prikazati slikovnih zemljevidov.

V naslednjem primeru gumb vsebuje sliko.

Primer

<form action="http://tupatam.com/naredinekaj" method="post">
  <p>
    Ime: <input type="text" name="ime" /><br />
    Priimek: <input type="text" name="priimek" /><br />
    e-pošta: <input type="text" name="eposta" /><br />
    <input type="radio" name="spol" value="moski" />moški<br />
    <input type="radio" name="spol" value="zenska" />ženski<br />
    <button name="submit" value="submit" type="submit">
       Pošlji <img src="/icons/poslji.gif" alt="poslji">
    </button>
    <button name="reset" type="reset">
       Ponastavi <img src="/icons/ponastavi.gif"alt="ponastavi">
    </button>
  </p>
</form>

→ Primer sestavljenega in navadnega gumba

Gor e-gradiva HTML ABC primeri input select

SERŠ Maribor : Strokovna gimnazija : 2004 : Matej Vogrinčič

e-gradiva	HTML	CSS	JavaScript	Načrtovanje

			SERŠ Maribor		Iskanje	Primeri