Значение по умолчанию
bottom
Пример 2. Выравнивание изображения
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <form method="POST" action="/cgi-bin/handler.cgi"> ... Lorem ipsum dolor sit amet, consectetuer adipiscing elit... <input src="send.gif" width="48" height="24" type="image" align="right"> </form> </body> </html>
Примечание
Хотя все значения параметра align поддерживаются браузерами, аргументы absbottom, absmiddle, baseline и texttop не описаны спецификацией HTML 4.
Параметр alt Описание
Параметр alt устанавливает альтернативный текст для поля с изображением. Такой текст позволяет получить текстовую информацию о рисунке при отключенной в браузере загрузке изображений. Поскольку загрузка изображений происходит после получения браузером информации о нем, то замещающий рисунок текст появляется раньше. А уже по мере загрузки текст будет сменяться изображением. Браузеры также отображают альтернативный текст в виде подсказки, появляющейся при наведении курсора мыши на изображение.
Синтаксис
<input type="image" alt="Текст">
Аргументы
Любая подходящая текстовая строка. Ее обязательно надо брать в двойные или одинарные кавычки.
Значение по умолчанию
Нет.
Пример 3. Добавление альтернативного текста
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <form method="POST" action="/cgi-bin/handler.cgi"> ... <input src="send.gif" width="48" height="24" type="image" alt="Отправить форму на сервер"> </form> </body> </html>
Параметр BORDER
Описание
Браузеры обрабатывают изображения, добавленные через тег <INPUT>, подобно рисункам, созданным с помощью тега <IMG>. В том числе вокруг изображения можно добавить рамку, цвет которой совпадает с цветом текста.
Синтаксис
<input type="image" border="толщина рамки">
Аргументы
Любое целое положительное число в пикселах.
Значение по умолчанию
0
Пример 4. Толщина рамки вокруг изображения
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <form method="POST" action="/cgi-bin/handler.cgi"> ... <input src="send.gif" width="48" height="24" type="image" border="2"> </form> </body> </html>
Примечание
В настоящее время этот параметр поддерживается только браузером Netscape, остальные браузеры его игнорируют и отображают изображение в форме без рамки.
Параметр CHECKED
Описание
Этот параметр определяет, помечен ли заранее такой элемент формы, как флажок или переключатель. В случае использования переключателей (radiobutton), может быть отмечен только один элемент группы, для флажков (checkbox) допустимо пометить хоть все элементы.
Синтаксис
<input type="radio" checked> <input type="checkbox" checked>
Аргументы
Нет.
Значение по умолчанию
По умолчанию этот параметр выключен.
Пример 5. Использование параметра checked
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <form method="POST" action="/cgi-bin/handler.cgi"> <b>С какими операционными системамы вы знакомы?</b><br> <input type="checkbox" name="option1" value="a1" checked>Windows 95/98<br> <input type="checkbox" name="option2" value="a2">Windows 2000<br> <input type="checkbox" name="option3" value="a3">System X<br> <input type="checkbox" name="option4" value="a4">Linux<br> <input type="checkbox" name="option5" value="a5">X3-DOS </form> </body> </html>
Параметр DISABLED
Описание
Блокирует доступ и изменение поля формы. Оно в таком случае отображается серым и недоступным для активации пользователем. Кроме того, такое поле не может получить фокус путем нажатия на клавишу Tab, мышью или другим способом. Тем не менее, такое состояние поля можно менять с помощью скриптов.
Синтаксис
<input type="..." disabled>
Применяется
Ко всем элементам формы.
Аргументы
Нет.
Значение по умолчанию
По умолчанию этот параметр выключен.
Пример 6. Блокировка поля формы
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <form method="GET" action="/cgi-bin/handler.cgi"> <input type="text" size="30" onFocus="this.form.submit.disabled=0"><br> <input type="submit" name="submit" value="Отправить" disabled> </form> </body> </html>
Параметр MAXLENGTH
Описание
Устанавливает максимальное число символов, которое может быть введено пользователем в текстовом поле. Когда это количество достигается при наборе, дальнейший ввод становится невозможным.
Синтаксис
<input type="text" maxlength="число"> <input type="password" maxlength="число">
Аргументы
Любое целое положительное число в символах.
Значение по умолчанию
Ввод символов не ограничен.
Пример 7. Ограничение ввода количества символов
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <form method="GET" action="/cgi-bin/handler.cgi"> <input type="text" size="30" maxlength="100"><br> <input type="submit" name="submit" value="Отправить"> </form> </body> </html>
Параметр NAME
Описание
Определяет уникальное имя элемента формы. Как правило, это имя используется при отправке данных на сервер или для доступа к введенным данным поля через скрипты.
Синтаксис
<input type="..." name="имя">
Применяется
Ко всем элементам формы.
Аргументы
В качестве имени используется набор символов, включая числа и буквы. JavaScript чувствителен к регистру, поэтому при обращении к элементу по имени соблюдайте ту же форму написания, что и в параметре name.
Значение по умолчанию
Нет.
Пример 8. Обращение к полю формы по имени
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script type="text/javascript">
function dataField(f) { alert("Вы ввели: " + f.comment.value);
}
</script> </head> <body>
<form> <b>Введите текст</b><br> <input type="text" name="comment"><br> <input type="button" value="ОК" onClick="dataField(this.form)"> </form>
</body> </html>
Параметр READONLY
Описание
Когда к тегу <INPUT> добавляется параметр readonly, текстовое поле не может изменяться пользователем, в том числе вводиться новый текст или модифицироваться существующий. Кроме того, такое поле не может получить фокус путем нажатия на клавишу Tab, мышью или другим способом. Тем не менее, состояние и содержимое поля можно менять с помощью скриптов.
Синтаксис
<input type="text" readonly> <input type="password" readonly>
Аргументы
Нет.
Значение по умолчанию
По умолчанию это значение выключено.
Пример 9. Поле только для чтения
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body>
<form> <input type="text" name="comment" value="Введенный текст не может изменяться" readonly> </form>
</body> </html>
Параметр SIZE
Описание
Ширина текстового поля, которое определяется числом символов моноширинного шрифта. Иными словами, ширина задается количеством близстоящих букв одинаковой ширины по горизонтали. Если размер шрифта изменяется с помощью стилей, ширина также соответственно меняется.
Синтаксис
<input type="text" size="ширина"> <input type="password" size="ширина">
Аргументы
Любое целое положительное число.
Значение по умолчанию
20
Пример 10. Ширина текстового поля
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <form> <input type="text" size="40"> </form> </body> </html>
Параметр SRC
Описание
Адрес графического файла, который будет отображаться на веб-странице в поле с изображением. Наиболее популярны файлы в формате GIF и JPEG.
Синтаксис
<input type="image" src="URL">
Аргументы
В качестве значения принимается полный или относительный путь к файлу.
Значение по умолчанию
Нет.
Пример 11. Путь к графическому файлу
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body>
<form> ... <input type="image" src="/images/send.gif"> </form>
</body> </html>
Параметр TYPE
Описание
Сообщает браузеру, к какому типу относится элемент формы.
Синтаксис
<input type="button | checkbox | file | hidden | image | password | radio | reset | submit | text">
Обязательный параметр
Да
Аргументы
В табл. 2 перечислены возможные значение параметра type и получаемый вид поля формы.
Табл. 2. Значения параметра type |
||
Тип |
Описание |
Вид |
button |
Кнопка. |
|
checkbox |
Флажки. Позволяют выбрать более одного варианта из предложенных. |
|
file |
Поле для ввода имени файла, который пересылается на сервер. |
|
hidden |
Скрытое поле. Оно никак не отображается на веб-странице. |
|
image |
Поле с изображением. При нажатии на рисунок данные формы отправляются на сервер. |
|
password |
Обычное текстовое поле, но отличается от него тем, что все символы показываются звездочками. Предназначено для того, чтобы никто не подглядел вводимый пароль. |
|
radio |
Переключатели. Используются, когда следует выбрать один вариант из нескольких предложенных. |
|
reset |
Кнопка для возвращение данных формы в первоначальное значение. |
|
submit |
Кнопка для отправки данных формы на сервер. |
|
text |
Текстовое поле. Предназначено для ввода символов с помощью клавиатуры. |
|
Пиво
Чай
Кофе
Пиво
Чай
Кофе
