Tegs SELECT
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 <SELECT> ļauj izveidot interfeisa elementu atverama (lejupkrītoša) saraksta izskatā, kā arī sarakstu ar viena vai vairāku punktu izvēles iespēju, kā redzams zemāk. Galīgais izskats atkarīgs no tega <SELECT> parametra size izmantojuma, kurš uzstāda saraksta augstumu. Saraksta platumu nosaka pats platākais teksts, kurš norādīts tegā <OPTION>, kā arī var tikt mainīts ar stilu palīdzību. Katrs punkts tiek izveidots ar tega <OPTION> palīdzību, kuram jāatrodas ievietotam konteinerī <SELECT>. Ja tiek plānota datu nosūtīšana uz serveri, tad elements <SELECT> jāievieto formā. Tas nepieciešams arī tad, ja pie saraksta datiem griežas skripti.
Saraksts ar iespēju izvēlēties vairākus punktus |
Atverams (Lejupkrītošs) saraksts |
Sintakse
<select> <option>Punkts 1</option> <option>Punkts 2</option> </select>
Parametri
- disabled
- Bloķē piekļuvi elementam.
- multiple
- Šis parametrs atļauj iespēju vienlaikus izvēlēties vairākus saraksta elementus.
- name
- Elementa vārds datu sūtīšanai uz serveri vai griešanās pie tā ar skriptu palīdzību.
- size
- Attēlojamo saraksta rindu skaits.
Aizverošais tegs
Obligāts.
Piemērs 1. Tega <SELECT> 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 SELECT</title>
</head>
<body>
<form action="select1.php" method="post">
<p><select size="3" multiple name="hero[]">
<option disabled>Выберите героя</option>
<option value="Чебурашка">Чебурашка</option>
<option selected value="Крокодил Гена">Крокодил Гена</option>
<option value="Шапокляк">Шапокляк</option>
<option value="Крыса Лариса">Крыса Лариса</option>
</select></p>
<p><input type="submit" value="Отправить"></p>
</form>
</body>
</html>
Tega <SELECT> parametru apraksts
Parametrs DISABLED
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Bloķē piekļuvi saraksta elementiem.
Sintakse
<select disabled>...</select>
Argumenti
Nav.
Noklusētā vērtība
Pēc noklusējuma šis parametrs ir izslēgts.
Piemērs 2. Saraksta bloķēš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 SELECT, parametrs disabled</title>
</head>
<body>
<form action="handler.php">
<p><select disabled name="hero">
<option selected>Выберите героя</option>
<option value="t1">Чебурашка</option>
<option value="t2">Крокодил Гена</option>
<option value="t3">Шапокляк</option>
<option value="t4">Крыса Лариса</option>
</select></p>
</form>
</body>
</html>
Parametrs MULTIPLE
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Parametrs multiple liek pārlūkam attēlot elementa <SELECT> saturu kā sarakstu ar iespēju izvēlēties vairākus saraksta punktus. Galīgais saraksta izskats atkarīgs no izmantojamā parametra size. Ja šī parametra nav, tad saraksta augstums vienāds ar punktu skaitu tajā, ja size vērtība mazāka par punktu skaitu sarakstā, tiek attēlota vertikāla bīdjosla. Ja size="1" saraksts pārvēršas par «riņķi», kā redzams zemāk, un vienlaikus izvēlēties no tāda saraksta vairākus punktus ir neērti.
Saraksta vairāku punktu vienlaikus izvēlei izmanto taustiņus <Ctrl> un <Shift> kopā ar peles kursoru.
Parametrs size nav norādīts |
Parametrs size ir 1 |
Sintakse
<select multiple>...</select>
Argumenti
Nav.
Noklusētā vērtība
Pēc noklusējuma šis parametrs ir atslēgts.
Piemērs 3. Saraksts ar iespēju izvēlēties vairākus punktus vienlaikus.
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 SELECT, parametrs multiple</title>
</head>
<body>
<form action="handler.php">
<p><select multiple size="1">
<option>Чебурашка</option>
<option>Крокодил Гена</option>
<option>Шапокляк</option>
<option>Крыса Лариса</option>
</select></p>
</form>
</body>
</html>
Parametrs NAME
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Uzstāda elementa <SELECT> unikālo vārdu. Kā likums, šis vārds tiek izmantots, lai datiem piekļūtu ar skriptu palīdzību.
Sintakse
<select name="vārds">...</select>
Argumenti
Kā vārds tiek izmantots simbolu kopums, ieskaitot ciparus un burtus. JavaScript ir reģistrjūtīgs, tāpēc griežoties pie elementa <SELECT> pēc tā vārda, ievērojiet to pašu rakstības formu, kāda tika izmantota parametrā name.
Noklusētā vērtība
Nav.
Piemērs 4. Griešanās pie saraksta pēc tā vārda
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 SELECT, parametrs name</title>
<script type="text/javascript">
function dataSelect(f) {
n = f.hero.selectedIndex
if(n) alert("Выбран герой: " + f.hero.options[n].value)
}
</script>
</head>
<body>
<form action="handler.php">
<p><select name="hero">
<option>Выберите героя</option>
<option value="Чебурашка">Чебурашка</option>
<option value="Крокодил Гена">Крокодил Гена</option>
<option value="Шапокляк">Шапокляк</option>
<option value="Крыса Лариса">Крыса Лариса</option>
</select>
<input type="button" value="OK" onClick="dataSelect(this.form)"></p>
</form>
</body>
</html>
Parametrs SIZE
HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Uzstāda saraksta augstumu. Ja parametra size vērtība ir "1", tad saraksts pārvēršas par atveramu (Lejupkrītošu). Pievienojot parametru multiple tegam <SELECT> ar size="1", saraksts attēlojams "bīdāms". Visos citos gadījumos iznāk saraksts ar iespēju izvēlēties vienu vai vairākus punktus.
Sintakse
<select size="skaitlis">...</select>
Argumenti
Jebkurš vesels pozitīvs skaitlis.
Noklusētā vērtība
Atkarīga no parametra multiple. Ja tas ir uzstādīts, tad saraksta izmērs vienāds tā elementu skaitam. Ja parametra multiplenav , tad pēc noklusējuma parametra size vērtība ir 1.
Piemērs 5. Saraksta augstums
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 SELECT, parametrs multiple</title>
</head>
<body>
<form action="handler.php">
<p><select size="1">
<option selected>Выберите героя</option>
<option>Чебурашка</option>
<option>Крокодил Гена</option>
<option>Шапокляк</option>
<option>Крыса Лариса</option>
</select></p>
</form>
</body>
</html>