HTML Формы (частьII)

Элемент Input

Элемент "Input" создает поле формы (кнопку, поле ввода, чекбокс и т.п.), содержание которого может быть изменено или активизировано пользователем. Элемент не имеет конечного тэга. Элемент "Input" должен располагаться внутри элемента "Form".
Имеет атрибуты;

атрибут Name Дает возможность выбора нескольких пунктов меню. Если этот атрибут не установить то можно выбрать только один пункт меню, что является значением по умолчанию. Не имеет значений и является флагом. атрибут Type Определяет тип поля для ввода данных. По умолчанию - это "text". Возможные значения: Text Создает поле ввода под одну строку текста. Как правило используется совместно с параметрами "Size" и "Maxlength". Записывается так; <form action="Url сценария " method="get"> <input name="e-mail" type="text" size="20" maxlength="15" value="Введите E-mail"> </form> Эффект; File Дает возможность пользователю приобщить файл к текущей форме. Возможно использование совместно с параметром "Accept". Записывается так; <form action="Url сценария " method="get"> <input name="file" type="file" size="20" > </form> Эффект; Checkbox Создает поле ввода для атрибутов типа Boolean ("да"/"нет") или для атрибутов, которые могут одновременно принимать несколько значений. Эти атрибуты представляют собой несколько полей "Checkbox", которые могут иметь одинаковые имена. Каждое выбранное поле "Checkbox" создает отдельную пару name/value в информации, посылаемой на сервер, даже если результатом будут дублирующиеся имена. Поле типа "Checkbox" обязательно должно иметь параметры "Name" и "Value", а также необязательный атрибут "Checked", который указывает на то, что поле активизировано. Записывается так; <form action="Url сценария " method="get"> <input name="get_news" type="checkbox" value="yes" checked> Хочу получать E-mail рассылку<br> <input name="public" type="checkbox" value="yes"> Сделать мой E-mail доступным для всех </form> Эффект; Хочу получать E-mail рассылку Сделать мой E-mail доступным для всех Radio Создает поле ввода для атрибутов, которые принимают одно значение из нескольких возможных. Все кнопки (radio buttons) в группе должны иметь одинаковые имена, но только выбранная кнопка в группе создает пару name/value, которая будет послана на сервер. Как и для полей "Checkbox", атрибут "Checked" необязателен; он может быть использован для определения выделенной кнопки в группе кнопок (radio button). Записывается так; <form action="Url сценария " method="get"> Я живу<br> <input name="citi" type="radio" value="Moscow" checked> в Москве<br> <input name="citi" type="radio" value="Paris"> в Париже<br> <input name="citi" type="radio" value="other"> в В другом городе<br> </form> Эффект; Я живу; в Москве в Париже в В другом городе Submit Создает кнопку, при нажатии которой заполненная форма посылается на сервер. Параметр "Value" в данном случае изменяет надпись на кнопке, содержание которой, заданное по умолчанию, зависит от браузера. Если параметр "Name" указан, то при нажатии данной кнопки к информации, посылаемой на сервер, добавляется пара name/value, указанная для для параметра "Submit", в противном случае пара не добавляется. Записывается так; <form action="Url сценария " method="get"> <input name="some_name" type="submit" value="Любой текст"> </form> Эффект; Password Создает поле ввода под одну строку, однако текст, вводимый пользователем, отображается в виде значков "*", скрывая тем самым его содержание от любопытных глаз. Записывается так; <form action="" method="get"> <input name="psswd" type="password" size="20" maxlength="15"> </form> Эффект;   Введите любое слово Image Во многом похож на кнопку "Submit", только в качестве кнопки используется изображение. Одним из преимуществ является возможность передачи координат щелчка пользователя, что позволяет организовать карту изображений. Местонахождение графического изображения можно задать с помощью параметра "Src". Reset Cоздает кнопку, перезагружающую поля формы к их первоначальным значениям, то есть очищает поле ввода если пользователь уже что то ввел.Надпись на кнопке может быть изменена с помощью параметра "Value". По умолчанию надпись на кнопке зависит от браузера. Записывается так; <form action="" method="get"> <textarea name="proba" cols="26" rows="5"> </textarea> <input name="res" type="reset" value="Очисть все в этом поле"> </form> Эффект; Напишите что нибудь и нажмите кнопку Hidden Поля этого типа не отображаются на экране монитора, что позволяет разместить "секретную" информацию в рамках формы. Содержание этого поля посылается на сервер в виде name/value вместе с остальной информацией формы. Этот тип может быть использован для передачи информации о взаимодействии клиент/сервер. Button Позволяет создать кнопку в HTML документе, что добавляет функции при использовании Visual Basic Script или Java Script. Параметр "Name" позволяет задать имя данной кнопке, которое может быть использовано для какой-либо функции в скрипте. Параметр "Value" позволяет задать текст, который будет отображен на кнопке в документе. Записывается так; <form name="msg"> <input name="alert1" type="button" value="Кнопка вызывающая скрипт" onClick="javascript:cliCk()" > </form> Здесь кнопка вызывает простой скрипт знакомства с пользователем. Эффект; атрибут Accept Конкретизирует тип файла. Используется только совместно с пара-метром TYPE="file". Значение задается в виде MIME. атрибут Value Задает текстовый заголовок для полей любого типа, в том числе и кнопок. Для типов, имеющих значение вида Boolean (отмеченный или неотмеченный), таких как "checkbox" или "radio", будет возвращено значение, заданное в параметре "Value". атрибут Checked Указывает, что поля типов "checkbox" и/или "radio" (см. выше параметр "Type") активизированы. атрибут Size Определяет размер поля в символах. Например, чтобы определить поле с видимой шириной в 24 символа, надо указать size="24". атрибут Maxlength Определяет максимальное количество символов, которые можно ввести в текстовом поле. Оно может быть больше, чем количество символов, указанных в параметре "Size", в этом случае поле будет прокручиваться (scroll). По умолчанию количество символов не ограничено. атрибут Src Задает URL-адрес картинки, используемой при создании графической кнопки, инициирующей передачу данных. Используется совместно с параметром type="image". атрибут Align определяет способ вертикального выравнивания для изображений. Используется совместно с параметром type="image". Полностью аналогичен параметру "Align" элемента "Img". По умолчанию имеет значение "bottom".