Скачиваний:
55
Добавлен:
09.12.2018
Размер:
505.63 Кб
Скачать
  1. Html-формы

Ответ:

Форма (Формуляр) – отдельная Интернет страница (часть страницы), на которой расположены типовые элементы интерактивного диалога.

Теги <FORM>…</FORM> определяют форму.

Внутри формы также могут использоваться обычные HTML-теги.

Атрибуты <FORM>:

  • action – задает адрес для отправки формы в сеть.

  • enctype – задает кодирование передаваемых данных.

  • method – задает протокол для пересылки данных на сервер.

Каждому элементу формы соответствует элемент <INPUT>, позволяющий создавать части формы.

Атрибут type указывает тип данного элемента.

Радиокнопки <INPUT type = ”radio”>

Радиокнопки предназначены для выбора одного варианта из нескольких альтернативных.

Атрибуты type = ”radio”:

  • name – имя кнопки. Кнопки, входящие в одну взаимосвязанную группу, должны иметь одинаковые имена.

  • checked – означает, что в данной кнопке присутствует разметка.

  • value – значение радиокнопки, которое будет передано на сервер, если будет выбрана банная кнопка.

Флажки <INPUT type = “checkbox”>

Флажки служат для многокомпонентного выбора. Они не зависят друг от друга.

Атрибуты type = ”checbox”:

  • name – имя кнопки. Кнопки, входящие в одну взаимосвязанную группу, должны иметь одинаковые имена.

  • checked – означает, что в данной кнопке присутствует разметка.

  • value – значение радиокнопки, которое будет передано на сервер, если будет выбрана банная кнопка.

Поле ввода имени файла <INPUT type = “file”>

Предназначен для пересылки на сервер вмести с заполненной формой указанный пользователем файл.

Атрибутtype = “file” :

  • name – имя диалогового элемента

  • size – ширина текстового поля.

  • maxlenght – макс. допустимое кол-во символов.

Поле ввода текста <INPUT type = “text”>

Прямоугольное поле, предназначенное для ввода одной строки текста.

Атрибут type = “text” :

  • name – имя диалогового элемента

  • size – ширина текстового поля.

  • maxlenght – макс. допустимое кол-во символов.

  • value – начальное значение.

Поле ввода пароля <INPUT type = “password”>

Прямоугольное поле, в котором текст отображается в виде «звездочек» или «точек».

Атрибуты такие же как и type = “text”.

Многострочное поле ввода <TEXTAREA>…</TEXTAREA>

Прямоугольное текстовое поле с заданной шириной и высотой.

Атрибуты <TEXTAREA>:

  • name – имя области

  • cols – ширина области (в символах)

  • rows – высота области (в строках)

  • wrap – автоматический перенос невестившегося слова на новую строку.

wrap = “off – без переноса

wrap = ‘physical – автоматический перенос с добавлением символа след. строки.

wrap = “virtual- автоматический перенос без добавлением символа след. строки.

Раскрывающиеся списки <SELECT>…</SELECT>

Позволяет пользователю выбрать одни или несколько опций, а так же используешься для создания меню.

Атрибут <SELECT>:

  • name – имя списка

  • size – кол-во одновременно отображаемых пунктов.

  • multipleразрешает помечать сразу несколько пунктов, используя «Crt»+«Shift»

Значение отдельных пунктов определяется при помощи тегов <OPTION>…</OPTION>.

Атрибуты <OPTION>

  • value – значение, передаваемое на сервер, если был выбран данный пункт

  • selected – определяет заданный пункт как помеченный.

Кнопка для отправки формы в сеть <INPUT type = “submit”>

Служит для создания кнопки, щелчок по которой оправит информацию формы на сервер.

Атрибуты type = “submit”:

  • name – имя кнопки

  • value – надпись на кнопке

Кнопка очистки формы <INPUT type = “reset”>

Щелчок по ней очищает форму.

Атрибуты type = “reset”:

  • name – имя кнопки

  • value – надпись на кнопке

Обычные кнопки <INPUT type = “button”>

Браузер самостоятельно не обрабатывает нажатие на такую кнопку, поэтому разработчик должен предусмотреть обработку при помощи скрипта (JavaScript, PHP).

Для этого в теги <INPUT> используется атрибут onclick, который определяет программу (скрипт), обрабатывающий нажатие кнопки.

Атрибуты type = “button”:

  • name – имя кнопки

  • value – надпись на кнопке

Графические командные кнопки <INPUT type = “image”>

Аналогичны стандартным кнопкам, но в качестве самой кнопки используется изображение.

Атрибуты type = “image”:

  • name – имя кнопки

  • align – выравнивание кнопки относительно окружающего текста (bottom, left, middle, right, top)

  • border – толщина рамки

  • scr – имя графического файла

  • value – текстовая строка.