Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Скачиваний:
31
Добавлен:
03.03.2016
Размер:
358.4 Кб
Скачать

Здесь:

-size=3 – будет показываться список из трех элементов с прокруткой;

-если нет атрибута size или size равно нулю или единице, то показывается меню;

-multiple – можно помечать несколько элементов списка или меню (по Ctrl+);

- selected – первоначально отмеченный элемент в списке или меню.

<option> может иметь атрибут value=“значение”, задающий, что посылается на сервер, если этот элемент отмечен.

Если value отсутствует, то на сервер отсылается текст поля (Яблоко, Арбуз).

Значение в лучше записывать латинскими буквами,

чтобы не зависеть от кодировки, в которой пришли данные по <select>.

Новые элементы форм

1. fieldset - позволяет группировать элементы форм. Данная группировка помогает пользователям проще

ориентироваться в формах. На элемент fieldset можно писать стили, то есть,

например, можно сделать рамку любого цвета или ещё что-то.

2. legend - позволяет группе дать имя.

Пример1.

<form>

<fieldset style="border: 2px solid #000; padding: 10px; width: 300px; height:400px;">

<legend>Ваш комментарий</legend> <P>Некоторый комментарий,

касающийся данной темы</P>

<table><tr><td>Имя:</td> <td><input size=12></td></tr>

<tr><td>e-mail:</td><td><input size=12></td></tr>

<tr><td>Страна:</td><td>

<select>

<option selected>Донецк </option> </select>

</td></tr>

<tr><td colspan=2>Комментарий:<br>

<textarea rows=4 cols6></textarea></td></tr>

<tr><td colspan=2>

<input type="submit" value="Отправить"></td></tr>

</table>

</fieldset>

</form>

3. button - расширяет функциональные возможности кнопок. Имеет атрибут

type, который может принимать значения submit, reset и button.

Внутри элемента button можно с размещать другие HTML-элементы, так что можно сделать кнопку с текстом и/или рисунком.

Пример 2.

<button type="button">Кнопка <img src="flower.gif" border=0 width=30 height=30 alt="кнопка с рисунком" > </button>

Получаем:

Пример 3.

Можно вместо рисунка поместить внутрь что-то другое, например,таблицу.

<button type="button">

<table border=1 cellspacing=0 width=200> <tr>

<td>Нажми на кнопку</td> <td>Получишь результат</td>

</tr>

</table>

</button>

Соседние файлы в папке Лекции