Tegs TEXTAREA
| 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
Lauks <TEXTAREA> ir formas elements ar mērķi izveidot apgabalu, kurā var tikt ievadītas vairākas teksta rindas. Atšķirībā no tega <INPUT>, teksta laukā pieļaujams veikt rindu pārnesumus; tie saglabāsies pie datu nosūtīšanas uz serveri.
Starp tegiem <TEXTAREA> un </TEXTAREA> var izvietot jebkuru tekstu, kurš tiks attēlots lauka iekšienē.
Sintakse
<textarea ...> teksts </textarea>
Parametri
- cols
- Lauka platums simbolos.
- disabled
- Bloķē piekļuvi elementam.
- name
- Lauka vārds, kas paredzēts, lai formas apstrādātājs spētu to identificēt.
- readonly
- Nosaka, ka lauka saturs nevar tikt mainīts.
- rows
- Lauka augstums rindās.
- wrap
- Rindu pārneses parametri.
Aizverošais tegs
Obligāts.
Piemērs 1. Tega <TEXTAREA> 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 TEXTAREA</title>
</head>
<body>
<form action="textarea1.php" method="post">
<p><b>Введите ваш отзыв:</b></p>
<p><textarea rows="10" cols="45" name="text"></textarea></p>
<p><input type="submit" value="Отправить"></p>
</form>
</body>
</html>Tega <TEXTAREA> parametru apraksts
Parametrs COLS
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Teksta lauka platums, kurš tiek noteikts vienādplatuma šrifta simbolu skaitā.
Sintakse
<textarea cols="skaitlis"></textarea>
Argumenti
Jebkurš vesels pozitīvs skaitlis.
Noklusētā vērtība
Atkarīga no pārlūka un operacionālās sistēmas uzstādījumiem.
Piemērs 2. Teksta lauka platums
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 TEXTAREA, parametrs cols</title>
</head>
<body>
<form action="handler.php">
<p><textarea rows="10" cols="20"></textarea></p>
</form>
</body>
</html>Parametrs DISABLED
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Bloķē piekļuvi teksta laukam, kā arī iespēju mainīt tā saturu. Teksta lauks šajā gadījumā tiek attēlots pelēkā krāsā un nepieejams priekš aktivācijas. Turklāt, šāds lauks nevar tikt fokusēts ar taustiņu Tab, peli vai citā veidā. Tomēr šādu lauka stāvokli var mainīt ar skriptu palīdzību.
Sintakse
<textarea disabled></textarea>
Argumenti
Nav.
Noklusētā vērtība
Pēc noklusējuma šīs parametrs ir atslēgts.
Piemērs 3. Lauka 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 TEXTAREA, parametrs disabled</title>
</head>
<body>
<form action="handler.php">
<p><textarea rows="10" cols="20">Активное поле</textarea>
<textarea rows="10" cols="20" disabled>Неактивное поле</textarea></p>
</form>
</body>
</html>Parametrs NAME
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Uzstāda elementa <TEXTAREA> unikālo vārdu. Kā likums, šis vārds tiek izmantots datu nosūtīšanai uz serveri vai piekļuvei teksta laukam ar skriptu palīdzību.
Sintakse
<textarea name="vārds"></textarea>
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 <TEXTAREA> pēc tā vārda, ievērojiet to pašu rakstību, ko parametrā name.
Noklusētā vērtība
Nav.
Piemērs 4. Griešanās pie lauka 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 TEXTAREA, parametrs name</title>
<script type="text/javascript">
function dataField(f) {
alert("Вы ввели: " + f.comment.value);
}
</script>
</head>
<body>
<form action="handler.php">
<p><b>Введите комментарий</b></p>
<p><textarea rows="10" cols="20" name="comment"></textarea></p>
<p><input type="button" value="ОК" onClick="dataField(this.form)"></p>
</form>
</body>
</html>Parametrs READONLY
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Kad tegam <TEXTAREA> tiek pievienots parametrs readonly, teksta lauka saturu lietotājs vairs nespēj mainīt, tajā skaitā ievadīt jaunu tekstu vai modificēt esošo. Turklāt, šāds lauks nevar tikt fokusēts ar taustiņu Tab, peli vai citā veidā. Tomēr šādu lauka stāvokli var mainīt ar skriptu palīdzību.
Sintakse
<textarea readonly></textarea>
Argumenti
Nav.
Noklusētā vērtība
Pēc noklusējuma šīs parametrs ir atslēgts.
Piemērs 5. Teksta lauks tikai priekš lasīšanas
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 TEXTAREA, parametrs readonly</title>
</head>
<body>
<form action="handler.php">
<p><textarea rows="10" cols="20" readonly>Поле
недоступно для изменения</textarea></p>
</form>
</body>
</html>Parametrs ROWS
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Apraksts
Teksta lauka augstums rindās, kurš ir redzams bez satura nobīdes.
Sintakse
<textarea rows="skaitlis"></textarea>
Argumenti
Jebkurš pozitīvs skaitlis.
Noklusētā vērtība
Atkarīga no pārlūka un operacionālās sistēmas uzstādījumiem.
Piemērs 6. Teksta lauka 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 TEXTAREA, parametrs rows</title>
</head>
<body>
<form action="handler.php">
<p><textarea rows="10" cols="20"></textarea></p>
</form>
</body>
</html>
