HTML žymė - button

Lukas

Žymė <button> nurodo mygtuką. Viduje šio elemento galite patalpinti tekstą ar paveikslėlį. Tai yra skirtumas nuo mygtuko sukurto su <input> žyme. Visada nurodykite mygtuko tipą atribute type.

Pavyzdys

<html>
<body>
 
  <button type="button">Mygtukas</button>
  <button type="button">
    <img height="20" width="30" src="img/lt_flag.png" />
  </button>
 
</body>
</html>

Naršyklių palaikymas

button žymę palaiko visos pagrindinės naršyklės.

Svarbu: jei naudosite <button> žymę norėdami sukurti formos pateikimo mygtuką, žinokite, kad skirtingose naršyklėse gausite skirtingas reikšmes. Patariame naudoti <input> žymę kuriant formas.

button žymės atributai

Atributas	Reikšmė	Aprašymas	DTD
disabled	disabled	Nurodo, kad mygtukas yra atjungtas	STF
name	pavadinimas	Nurodo mygtuko pavadinimą	STF
type	button reset submit	Nurodo mygtuko tipą	STF
value	tekstas	Nurodo nematomą mygtuko reikšmę	STF
Standartiniai atributai
accesskey	simbolis	Nurodo klaviatūros mygtuką, su kuriuo galime pasiekti šią zoną	STF
class	klasės_vardas	Nurodo kokiai klasei priklauso elementas	STF
dir	rtl ltr	Nurodo teksto kryptį elemente ltr (left to right) - iš kairės i dešinę, rtl (right to left) - iš dešinės į kairę	STF
id	id	Nurodo unikalų elemento id numerį ar pavadinimą	STF
lang	kalbos_kodas	Nurodo kalbos kodą, jei reikia nurodyti kokia kalba yra pateiktas elemento turinys	STF
style	stiliaus_taisyklės (css)	Nurodo vidinį elemento stilių naudojant css stiliaus taisykles	STF
tabindex	skaičius	Nurodo kortelių tvarką elemente	STF
title	tekstas	Nurodo papildomą elemento informaciją	STF
xml:lang	kalbos_kodas	Nurodo kalbos kodą xhtml dokumento elemento turiniui	STF

Paaiškinimai: DTD indeksas - nurodo su kokiais dokumentų tipais galime naudoti konkretų atributą. S - Strict, T - Transitional, F - Frameset

žiūrėti visus standartinius atributus

button žymės įvykiai

Atributas	Reikšmė	Aprašymas
onblur	skriptas	Skriptas bus vykdomas, kai vartotojas nebefokusuoja žymeklio ant elemento
onclick	skriptas	Skriptas bus vykdomas, kai vartotojas paspaus su pele ant elemento
ondblclick	skriptas	Skriptas bus vykdomas, kai vartotojas paspaus su pele du kartus ant elemento
onfocus	skriptas	Skriptas bus vykdomas, kai vartotojas fokusuos žymeklį ant elemento
onmousedown	skriptas	Skriptas bus vykdomas, kai vartotojas įspaus pelės mygtuką
onmousemove	skriptas	Skriptas bus vykdomas, kai vartotojas su pele užeis ant elemento
onmouseout	skriptas	Skriptas bus vykdomas, kai vartotojas su pele nueis nuo elemento
onmouseover	skriptas	Skriptas bus vykdomas, kai vartotojas su pele judės ant elemento
onmouseup	skriptas	Skriptas bus vykdomas, kai vartotojas atleis įspaustą pelės mygtuką
onkeydown	skriptas	Skriptas bus vykdomas, kai vartotojas įspaus mygtuką su klaviatūra
onkeypress	skriptas	Skriptas bus vykdomas, kai vartotojas paspaus ir atleis mygtuką su klaviatūra
onkeyup	skriptas	Skriptas bus vykdomas, kai vartotojas atleis paspaustą mygtuką su klaviatūra