Элемент 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>
|
Эффект:
|
Значение: 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".
|
