Элементы форм
Элементы формы представляют собой стандартные элементы управления, используемых для заполнения значений, которые затем передаются веб-сереверу.
В табл. 1 представлены основные элементы с их параметрами и примерами.
| Параметр | Описание | Пример |
|---|---|---|
| Текстовое поле | ||
| size | Ширина поля. | |
| maxlength. | Максимальное количество символов разрешенных в тексте. | |
| name | Имя поля. Предназначено для того, чтобы обработчик формы мог идентифицировать это поле. | |
| value | Начальный текст содержащий в поле. | |
| Многострочный текст | ||
| name | Имя поля. | |
| cols | Количество столбцов текста. | |
| rows | Число строк текста. | |
| wrap | Параметры переноса строк. Возможные значения: off — отключает перенос строк; virtuals — показывает переносы строк, но отправляет текст как он введен; physical — переносы строк вставляются где указано и в таком виде текст отправляется. |
|
| Пароль | ||
| name | Имя поля. | |
| value | Значение поля определяет, что будет отправлено на сервер. | |
| Кнопка | ||
| name | Имя поля. | |
| value | Значение поля определяет, что будет отправлено на сервере. Одновременно выступает в качестве текста надписи. | |
| Кнопка SUBMIT | ||
| name | Имя поля. | |
| value | Текст на кнопке. | |
| Кнопка RESET | ||
| name | Имя поля. | |
| value | Текст на кнопке. | |
| Флажки (checkbox) | ||
| name | Имя поля. | |
| value | Значение поля определяет, что будет отправлено на сервер при поставленной галочке. | |
| checked | Если этот параметр стоит, то галочка в поле будет добавлена автоматически. | |
| Переключатели (radiobutton) | ||
| name | Имя поля. | |
| value | Значение поля определяет, что будет отправлено на сервер при помеченном переключателе. | |
| Поле со списком | ||
| Select | ||
| name | Имя поля. | |
| size | Количество отображаемых строк. | |
| multiple | Этот параметр позволяет выбрать одновременно несколько строк | |
| Option | ||
| selected | Видимое поле по умолчанию. | |
| value | Значение определяет, что будет отправлено на сервер при выбранном пункте списка. | |
| Кнопка с изображением | ||
| name | Имя поля. | |
| src | URL картинки (путь к графическому файлу). | |
| Статья опубликована: 12.09.2005 | Последнее обновление: 13.10.2005 |
Прежде, чем писать комментарий к статье, примите во внимание следующие моменты.
- Не задавайте вопросы в комментариях, для этой цели предназначен форум, где вы получите нужную помощь.
- Удаляются любые комментарии, которые:
- включают множество ошибок;
- написаны безграмотно;
- не имеют отношения к данной статье;
- не содержат никакой полезной информации для посетителей.
- Для выделения отдельных слов используйте следующие команды: [b]жирный[/b], [i]курсив[/i], [color=цвет]цветной текст[/color], [tag]тег[/tag], [var]параметр[/var], [code]пример[/code].
- Потренироваться в написании комментариев вы можете в песочнице.
Комментарии к статье
Катя
21.03.2007
Влад, у вас в описании раскрывающихся списков поменялись местами атрибуты тегов select и option.)
Влад Мержевич
23.03.2007
Исправил, Катя. Письмо мне отправь, я тебе бонус вышлю за найденную ошибку.
Катя
24.03.2007
2 Влад
Большое спасибо, но этот сайт уже сам по себе один большой и очень полезный бонус.))
Большое спасибо, но этот сайт уже сам по себе один большой и очень полезный бонус.))
pro html
16.09.2007
Хотелось бы узнать есть ли возможность добавить к тегу
<input type="text"> добавить background т.е. картинку к примеру градиент на фон? Почемуто свойство background-image: images/.... не помогает
<input type="text"> добавить background т.е. картинку к примеру градиент на фон? Почемуто свойство background-image: images/.... не помогает
re: pro html
16.09.2007
Разобрался можно пустить в css свойство url и сразу появится background в <input type="text">
пример для CSS:
url(images/sample.jpg);
пример для CSS:
url(images/sample.jpg);