Tegs BUTTON
| Pārlūks |  Internet Explorer |
 Netscape |
 Opera |
 Safari |
 Firefox |
|||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Versija | 5.5 | 6.0 | 7.0 | 8.0 | 8.0 | 9.0 | 7.0 | 8.0 | 9.2 | 9.5 | 1.3 | 2.0 | 3.1 | 1.5 | 2.0 | 3.0 |
| Atbalsts | Kļūdas | Kļūdas | Kļūdas | ? | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā |
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Tegs <BUTTON> izveido web-lapā pogas un pēc savas darbības atgādina rezultātu, iegūtu ar tega <INPUT> palīdzību (ar parametru type="button | reset | submit"). Atšķirībā no šī tega, <BUTTON> piedāvā paplašinātas iespējas pogu veidošanā. Piemēram, uz š''adas pogas var izvietot jebkādus HTML elementus, tajā skaitā attēlus. Izmantojot stilus var nozīmēt pogas izskatu nomainot šriftu, fona krāsu, izmēru un citus parametrus.
Teorētiski tegam <BUTTON> jāatrodas formas iekšpusē, kuru uzstāda elements <FORM>. Tomēr, pārlūki neizvada kļūdas ziņojumu un korekti strādā ar tegu <BUTTON>, pat ja tas sastopams bez formas. Tomēr, ja nepieciešams pogas darbības rezultātu nosūtīt uz serveri, tegs <BUTTON> obligāti jāievieto konteinerī <FORM> .
Sintakse
<form>
<button>...</button>
</form>
Parametri
- disabled
- Bloķē piekļuvi elementam un tā izmaiņas.
- type
- Pogas tips — vienkārša, formas datu nosūtīšanai uz serveri vai formas attīrīšanai.
- value
- Pogas vērtība, kura tiks nosūtīta uz serveri vai nolasīta ar skriptu palīdzību.
Aizverošais tegs
Obligāts.
Piemērs 1. Tega <BUTTON> izmantošana
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs BUTTON</title>
</head>
<body>
<p style="text-align: center"><button>Poga ar tekstu</button>
<button><img src="/images/umbrella.gif" alt="Lietussargs" style="vertical-align: middle"> Poga ar zīmējumu</button></p>
</body>
</html>Piemēra rezultāts.
Tega <BUTTON> parametru apraksts
Parametrs DISABLED
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Bloķē piekļuvi elementam un tā izmaiņas. Poga šādā gadījumā tiek attēlota pelēcīga un bez piekļuves aktivācijai no lietotāja puses. Bez tam, tāda poga nevar tikt fokusēta ar klaviatūras pogas Tab palīdzību, peli vai citā veidā. Tomēr, šādu pogas stāvokli var mainīt ar skriptu palīdzību.
Sintakse
<button disabled>...</button>
Argumenti
Nav.
Noklusētā vērtība
Pēc noklusējuma šī vērtība ir izslēgta.
Piemērs 2. Parametra disabled izmantošana
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs BUTTON, parametrs disabled</title>
</head>
<body>
<form action="/html/button.html">
<p><button>Aktīva poga</button>
<button disabled>Neaktīva poga</button></p>
</form>
</body>
</html>Piemēra rezultāts
Parametrs TYPE
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Uzstāda pogas tipu, kurš nosaka pogas īpašības formā. Pēc ārējā izskata sažādu tipu pogas ne ar ko neatšķiras, tomēr katrai tādai pogai būs savas funkcijas.
Sintakse
<button type="button | reset | submit">...</button>
Argumenti
- button
- Vienkārša poga.
- reset
- Poga ievadīto datu attīrīšanai (nodzēšanai) un formas atgriešanai sākumstāvoklī.
- submit
- Poga formas datu nosūtīšanai uz serveri.
Noklusētā vērtība
button
Piemērs 3. Parametra type izmantošana
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs BUTTON, parametrs type</title>
</head>
<body>
<form action="/html/example/handler.php">
<p><input type="text" name="user"></p>
<p><button type="reset">Attīrīt formu</button>
<button type="submit">Nosūtīt datus</button></p>
</form>
</body>
</html>Parametrs VALUE
| Pārlūks | Internet Explorer |
Netscape |
Opera |
 Safari |
 Firefox |
|||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Versija | 5.5 | 6.0 | 7.0 | 8.0 | 8.0 | 9.0 | 7.0 | 8.0 | 9.2 | 9.5 | 1.3 | 2.0 | 3.1 | 1.5 | 2.0 | 3.0 |
| Atbalsts | Nē | Nē | Nē | ? | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā |
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Uzstāda pogas vērtību, kura tiks nosūtīta uz serveri. Uz serveri tiek nosūtīts pāris «vārds=vērtība», kur vārds tiek uzstādīts ar tega <BUTTON> parametru name , bet vērtība — ar parametru value. Vērtība var sakrist ar uzrakstu uz pogas, bet var būt arī atšķirīga. Tāpat parametrs value tiek pielietots piekļuvei datiem izmantojot skriptus.
Sintakse
<button value="vērtība">...</button>
Argumenti
Jebkura teksta rinda.
Noklusētā vērtība
Nav.
HTML 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Tegs BUTTON, parametrs value</title>
</head>
<body>
<form action="/html/example/handler.php">
<p><input type="text" name="user"></p>
<p><button value="11111010101" name="hidden" type="submit">Nosūtīt datus</button></p>
</form>
</body>
</html>
