Tegs LABEL
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 | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā | Jā |
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Tegs <LABEL> uzstāda saikni starp noteiktu atzīmi, kas parasti ir teksts, un formas elementu INPUT. Tāda saikne nepieciešama lai mainītu formas elementu vērtību, "klikšķinot" uz teksta. Pie kam ar <LABEL> palīdzību var uzstādīt klaviatūras "karstos" taustiņus un pāriet uz aktīvo elementu līdzīgi, kā gadījumā ar hipersaiti.
Eksistē divi varianti objekta sasaistei ar atzīmi. Pirmais ietver sevī identifikātora id izmantošanu tegam INPUT un tā vārda norādīšanu kā parametru for tegam <LABEL>. Otrajā variantā tegs <INPUT> tiek ievietots konteinerā <LABEL>.
Sintakse
<input id="identifikātors"> <label for="identifikātors">Teksts</label> <label><input type="..."> Teksts</label>
Parametri
- accesskey
- Piekļuve formas elementiem ar "karstajiem" taustiņiem.
- for
- Elementa <INPUT> identifikātors, ar kuru jāuzstāda sakars.
Aizverošais tegs
Obligāts.
Piemērs 1. Tega <LABEL> 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 LABEL</title>
</head>
<body>
<form action="handler.php">
<p><b>Lorem ipsum dolor sit amet...</b></p>
<p><input type="checkbox" id="check1"><label for="check1">Lorem</label><Br>
<input type="checkbox" id="check2"><label for="check2">Ipsum</label><Br>
<input type="checkbox" id="check3"><label for="check3">Dolor</label><Br>
<input type="checkbox" id="check4"><label for="check4">Sit amet</label></p>
</form>
</body>
</html>
Tega <LABEL> parametru apraksts
Parametrs ACCESSKEY
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Nosaka "karsto" taustiņu, ar kura palīdzību notiek fokusa pāreja uz formas elementu. Tāds "karstais" taustiņš pārlūkā parasti tiek izmantots kopā ar vadības taustiņu <Alt> un nav atkarīgs no reģistra.
Sintakse
<label accesskey="taustiņš">...</label>
Argumenti
Jebkurš pieļaujams latīņu simbols.
Noklusētā vērtība
Nav.
Piemērs 2. "Karstā" taustiņa pievienoš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 LABEL, parametrs accesskey</title>
</head>
<body>
<form action="handler.php">
<p><input type=checkbox id="t1"><label for="t1"
accesskey="g">Нажмите <Alt>+<g>, чтобы перейти к
разделу <b>Игры</b>.</label></p>
</form>
</body>
</html>
Parametrs FOR
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Nosaka unikālo identifikātoru, kurš izveidots ar elementa <INPUT> atribūtu id, un ar kuru tiks uzstādīta saikne. Parametrs for jānosaka tajā gadījumā, kad formas elements un teksts ir šķirti. Ja <INPUT> ievietots konteinerī <LABEL>, tad izmantot parametru for nav nepieciešams.
Sintakse
<label for="identifikātors">...</label>
Argumenti
Identifikātora vārds. Tāds vārds būs reģistrjūtīgs, tālab jāraksta precīzi tāpat, kā bija ierakstīts elementā <INPUT>.
Noklusētā vērtība
Nav.
Piemērs 3. Parametra for 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 LABEL, parametrs for</title>
</head>
<body>
<form action="handler.php">
<p><input type="radio" name="l" id="radio1">
<label for="radio1">Lorem ipsum</label></p>
<p><input type="radio" name="l" id="radio2">
<label for="radio2">Dolor sit amet</label></p>
</form>
</body>
</html>