Кнопка скидання параметрів

Крім кнопки submit є ще кнопка reset, що скидає параметри форми, а точніше, установлює для всіх елементів форми значення за замовчуванням. Бажано, щоб на формі була така кнопка, особливо, якщо це більша форма. Наявність даної кнопки забезпечує очищення форми, наприклад, у випадку, коли були введені неправильні параметри. Синтаксис кнопки скидання:

<input type=reset value=Скидання>

Кнопка відправлення з малюнком

Замість кнопки submit можна використовувати малюнок для відправлення даних. Клич на цьому малюнку дає те ж саме, що й натискання на кнопку submit. Однак, крім цього, сценарію будуть передані координати місця кличу на малюнку. Координати будуть передані у форматі ім'я.x=коор_X, y=коор_Y. Синтаксис кнопки відправлення з малюнком:

<input type=image name=ім'я src=малюнок>

Багатострокові текстові поля. Тег TEXTAREA

В HTML Багатострокові текстові поля створюються за допомогою тегу TEXTAREA. Поле, створюване цим тегом, дозволяє вводити й відправляти не один рядок, а відразу кілька рядків. Синтаксис тегу TEXTAREA:

<textarea name=ім'я [cols=ширина_в_символах] [rows=висота_в_символах] wrap=тип_переносу>

текст за замовчуванням

</textarea>

Кілька значень щодо використання атрибутів: необов'язкові параметри cols і rows бажано все-таки вказувати. Перший з них задає кількість символів у рядку, а другий - кількість рядків в області. Атрибут wrap визначає тип переносу тексту, як буде виглядати текст у поле введення:

· Virtual - праворуч від текстового поля виводиться смуга прокручування. Текст, що вводиться, виглядає розбитим на рядки, а символ нового рядка вставляється при натисканні клавіші ENTER;

· Physical - цей тип залежить від типу браузера й виглядає по-різному;

· None - текст виглядає в поле в тім виді, у якому користувач його вводить. Якщо текст не зменшується в один рядок, з'являється горизонтальна смуга прокручування.

Варто помітити, що найбільш зручним є тип Virtual. От приклад богатострокового текстового поля з використанням атрибуту wrap=Virtual:

 

Это текст, введенный в многострочное текстовое поле по умолчанию

 

Списки вибору. Тег SELECT

Списки з єдиним вибором

Досить часто існує необхідність представити які-небудь дані у вигляді списку й передбачити можливість вибору в цьому списку. В HTML списки реалізуються за допомогою тегу SELECT. Список вибору дозволяє вибрати один варіант із безлічі. Приклад списку з єдиним вибором:

<select name=day size=1>

<option value=1>Понеділок</option>

<option value=2>Вівторок</option>

<option value=3 selected>Середовище</option>

<option value=4>Четвер</option>

<option value=5>П'ятниця</option>

<option value=6>Субота</option>

<option value=7>Неділя</option>

</select>

А от його практична реалізація:

Понедельник Вторник Среда Четверг Пятница Суббота Воскресенье

Атрибут name визначає ім'я параметра, що будуть переданий скрипту. Якщо атрибут size дорівнює 1, то список буде "оснащений" смугою прокручування. Значення, обране в списку за замовчуванням, можна вказати за допомогою атрибута selected для відповідного тегу option. У наведеному прикладі день тижня за замовчуванням - Середовище. Атрибут value є необов'язковим. Якщо його не вказати, то буде переданий рядок, укладена в тег option.

Списки множинного вибору

За допомогою тегу SELECT можна також створювати списки множинного вибору. У таких списках можна вибрати не одне, а відразу кілька варіантів значень. Для того, щоб створити список із множинним вибором, необхідно для тегу SELECT указати атрибут multiple. От практичний приклад такого списку:

<select name=day size=7 multiple>

<option value=1>Понеділок</option>

<option value=1>Вівторок</option>

<option value=1>Середа</option>

<option value=1>Четвер</option>

<option value=1>П'ятниця</option>

<option value=1>Субота</option>

<option value=1>Неділя</option>

</select>


Понедельник Вторник Среда Четверг Пятница Суббота Воскресенье