Створення багаторядкових областей введення тексту

У залежності від типу форми може виникнути необхідність в організації введення великого об’єму тексту. В таких випадках використовується тег <TEXTAREA>. Поле <TEXTAREA> є елементом форми для створення області, в яку можна вводити декілька рядків тексту. На відміну від тегу <INPUT>, у текстовому полі допустимо робити перенесення рядків, вони зберігаються при відправці даних на сервер.

Між тегами <TEXTAREA> і </TEXTAREA> можна помістити будь-який текст, який відображуватиметься усередині поля:

<TEXTAREA NAME=ім’я COLS=38 ROWS=3> текст </TEXTAREA>

Тег використовує такі атрибути:

· атрибут COLS задає кількість символів (кількість стовпців) у текстовій області (ширину текстової області);

· атрибут NAME визначає унікальне ім’я елементу <TEXTAREA>, яке використовується при відправці даних на сервер або для доступу до поля через скрипти. Як ім’я використовується набір символів, включаючи числа і літери. JavaScript чутливий до регістра, тому при зверненні до елементу <TEXTAREA> по імені, слід дотримуватися тієї ж форми написання, що і в атрибуті NAME;

· атрибут ROWS задає кількість видимих рядків текстової області. Висота текстового поля, визначається кількістю рядків, що відображуються без прокрутки вмісту. Якщо розмір шрифту змінюється за допомогою стилів, висота поля також відповідно міняється.

Тег <LABEL> встановлює зв’язок між певною міткою, якою зазвичай виступає текст, і елементом форми (<INPUT>, <SELECT>, <TEXTAREA>). Такий зв’язок необхідний, щоб змінювати значення елементів форми при натисненні курсором миші на текст. Крім того, за допомогою <LABEL> можна встановлювати гарячі клавіші на клавіатурі і переходити на активний елемент подібно до посилань.

Існує два способи скріплення об’єкту і мітки. Перший полягає у використанні ідентифікатора ID усередині елементу форми і вказівці його імені як атрибут FOR тегу <LABEL>. При другому способі елемент форми поміщається всередину контейнера <LABEL>. Правильний синтаксичний запис даних способів наведений нижче.

<INPUT ID="ідентифікатор">

<LABEL FOR="ідентифікатор">Текст</LABEL>

<LABEL><INPUT TYPE="..."> Текст</LABEL>

Тег <LEGEND> застосовується для створення заголовка групи елементів форми, яка визначається за допомогою тегу < FIELDSET >. Група елементів позначається в браузері за допомогою рамки, а текст, який розташовується усередині контейнера <LEGEND>, вбудовується в цю рамку:

<FIELDSET>

<LEGEND>Текст</LEGEND>

</FIELDSET>

Дата добавления: 2014-01-04