Гость !!! | RSS
Меню сайта
Оставить отзыв Гороскопы Сонник Мешок позитива Раскрутка сайта HTML HTML Формы Примеры Таблицы Таблицы цветов Генераторы Скрипты
Категории раздела
Новости [61]
Х-Новости [44]
Самое..., самое!!! [342]
ИнтересНости [241]
Праздничная [3]
Ghostly photo
Самая маленькая лягушка в мире
Самая маленькая лягушка в мире
Топ 20-ть - не столь отдаленных помещений.
Топ 20-ть - не столь отдаленных помещений.
Опасные виды акул
Опасные виды акул
Самые худые девушки планеты (51 фото)
Самые худые девушки планеты (51 фото)
Интимные татуировки (20 фото)
Интимные татуировки (20 фото)
Установлен новый рекорд по скорости передачи данных
Установлен новый рекорд по скорости передачи данных
Проведена первая в мире пересадка искусственного органа
Проведена первая в мире пересадка искусственного органа
Самые-самые замки мира
Самые-самые замки мира
Soft
Получить код блока
Mini-CHat
Они ждут - Тебя!
Аркады и экшн · Death vs Monstars
Головоломки · Escape
Аркады и экшн · Любимый ресторанчик
Аркады и экшн · Невероятные приключения Эдгара

Катай!!!
Корифаны сайта

Баннерообмен
Our button

[ Получить код баннера ]
HTML Формы (ч.1)

Форма — это элемент, с помощью которого HTML-документ может отправить информацию в заранее определенную точку внешнего мира. Формы применяються для опроса посетителей, покупки чего-либо, отправки електронной почты. Добавление HTML-формы на вебстраницу позволяет легко и эффективно поддерживать связь, с посетителями.

Принцип работы форм следующий: посетитель, зашедший к Вам на страничку заполняет форму, а после нажатия определенной кнопки форма берет данные из заполненых полей и отправляет их в назначенное место. А если говорить точнее, сценарию CGI на Вашем сервере, либо посылается получателю по электронной почте.

Форма состоит из элементов формы заключенных между тегами <Form> и </Form>. HTML-документ может содержать в себе несколько форм, но они не должны находиться одна внутри другой.

Элемент Form
Используется для создания заполяемой формы. Необходимо присутствие начального и конечного тэгов. Внутри элемента FORM разрешается использовать большинство HTML-элементов.

Имеет атрибуты:
Атрибут: Name

Определяет имя формы, уникальное для данного документа. Используется, если в документе присутствует несколько форм.
Атрибут: Action
Обязательный параметр. Определяет URL, по которому будет отправлено содержимое формы. Это может быть либо адрес электронной почты, либо путь к скрипту сервера, обслуживающему данную форму.
Атрибут: Method
Определяет способ отправки содержимого формы. Возможные значения GET (по умолчанию) и POST. Хотя способ GET принят значением по умолчанию, в большинстве случаев разработчики пользуются протоколом POST, который позволяет передавать большие объемы данных.
Атрибут: Enctype
определяет способ кодирования содержимого формы при отправке. По умолчанию используется "application/x-www-form-urlencoded".
Атрибут: Target
определяет имя окна, в которое возвращается результат обработки отправленной формы. Возможные значения : _self, _parent, _top, _blank или явно указанное имя окна. Подробное описание значений смотрите в параметре "Target" элемента "A".
Со всеми атрибутами, элемент "Form" записывается так;

<Form method="get" action="http://site.ru/cgi-bin/form.pl" name="form1" target="_blank">
Элементы формы
</Form>

Или для отправки по электронной почте;

<Form method="get" action="mailto:info@site.ru" name="form1" target="_blank">
Элементы формы
</Form>



Элемент Textarea
Создает поле для ввода нескольких строк текста. Обычно содержит текст инициализации, который при загрузке документа изначально будет записываться в данное поле.

Имеет атрибуты:
Атрибут: Name

Обязательный параметр. Определяет название, которое будет использоваться при идентификации заполненого поля сервером.
Атрибут: Rows
Определяет количество строк текста, видимых на экране.
Атрибут: Cols
Определяет ширину текстового поля - в печатных символах.
Атрибут: Wrap
Определяет способ переноса слов в заполняемой данной заполняемой форме.

Возможные значения:
Значение: Off

При этом значении перенос слов не происходит (значение по умолчанию)

Значение: Virtual

При этом значении перенос слов не происходит (значение по умолчанию)

Значение: Physical

Если установит это значение перенос слов будет происходить во всех точках переноса.
Атрибут: Readonly
Данный атрибут указывает на то, что в данном поле запрещено изменение содержимого формы, то есть данное поле предназначено только для чтения. Этот атрибут не имеет значений, являясь просто флагом внутри тега "Textarea".

Записывается так:

<FORM>
<TEXTAREA NAME="readonly_text" WRAP="virtual" COLS="40" ROWS="3" readonly>
Попробуйте изменить содержимое данного поля.
</TEXTAREA>
</FORM>

Эффект:

Атрибут: Disabled
Данный атрибут указывает на то, что данное поле является неактивным и в нем таже запрещено изменение содержимого формы. Этот атрибут не имеет значений, являясь просто флагом внутри тега "Textarea".

Записывается так:

<FORM>
<TEXTAREA NAME="readonly_text" WRAP="virtual" COLS="40" ROWS="3" disabled>
Поле как бы закрыто пеленой. Попробуйте изменить содержимое данного поля.
</TEXTAREA>
</FORM>

Эффект:

В случае если текст помещенный в поле не помещается в указанные размеры поля, полоса прокрутки все равно не появится. Так как поле является не активным.



Элемент Select
Элемент 'Select" создает в заполняемой форме меню типа "Выбор одного пункта из многих" или "Выбор нескольких пунктов из многих". Должен располагаться внутри элемента "Form" и иметь как начальный, так и конечный тэги. Содержит несколько элементов "Option".

Имеет атрибуты:
Атрибут: Multiple

Дает возможность выбора нескольких пунктов меню. Если этот атрибут не установить то можно выбрать только один пункт меню, что является значением по умолчанию. Не имеет значений и является флагом.
Атрибут: Name
Определяет имя меню, уникальное для данной формы, которое будет использоватся при передаче данных на сервер. Каждый выбранный пункт меню при передаче на сервер будет иметь вид: name/value. Значение (value) формируется элементом "Option".
Атрибут: Size
Определяет количество видимых пунктов в меню. Если значение этого параметра больше единицы, то результатом будет список пунктов.


Элемент Option
Используется только с элементом SELECT. Элемент OPTION описывает отдельные пункты меню. Конечный тег не обязателен.

Имеет атрибуты:
Атрибут: Selected

Определяет пункт меню, который будет выбран изначально при загрузке документа. Если меню имеет тип "один из многих", то флагом "Selected" может быть помечен лишь один пунктов меню.
Атрибут: Value
Задает данному пункту значение, которое будет использовано наряду с другими сведениями о содержимом заполненной формы. При предоставлении информации на сервер это значение будет объединено со значением параметра "Name" в элементе "Select".

Полностью элемент "Select" записывается так:

<form action="Url сценария" method="get" name="select">
<select name="menu" size="1">
<option selected value="1">Первый пункт
<option value="2">Второй пункт
<option value="3">Третий пункт
<option value="4">Четвертый пункт
</select>
</form>

Эффект:

Или:

<form action="Url сценария" method="get" name="select">
<select multiple name="menu" size="3">
<option selected value="1">Первый пункт
<option value="2">Второй пункт
<option value="3">Третий пункт
<option value="4">Четвертый пункт
</select>
</form>

Эффект:



Продолжение »»



Профиль
Ваш браузер: -
IP-адрес: 54.234.227.202

Логин:uID поддержка
Пароль:
Забыл пароль || Регистрация



Заговор на плодовитость и размножение
Беломорканал - Разговор с д... Бутырка - Иисус Ногу Свело - Я, не последни...
Tag cloud
Свернуть Архив записей Развернуть
«  Май 2019  »
ПнВтСрЧтПтСбВс
  12345
6789101112
13141516171819
20212223242526
2728293031
Опросник
Зеркало — это …?
Всего ответов: 74
Магия имён в астрологии
Магия имён в астрологии
Толкование значения снов, на букву: «Э»
Толкование значения снов, на букву: «Э»
Совместимость по знаку зодиака Стрелец – Телец
Совместимость по знаку зодиака Стрелец – Телец
Город Мачу-Пикчу в Перу
Город Мачу-Пикчу в Перу
Гороскоп сексуальной совместимости
Гороскоп сексуальной совместимости
Воспитание родителят (краткое пособие для детей от 5 до 105 лет)
Воспитание родителят (краткое пособие для детей от 5 до 105 лет)
Анекдоты про поручика Ржевского -=- (79)
Анекдоты про поручика Ржевского -=- (79)
Кто как напивается?!
Кто как напивается?!
И снова Вовочка на трассе ...
И снова Вовочка на трассе ...
Здравствуйте, доктор. У меня проблемы...
Здравствуйте, доктор. У меня проблемы...
Advertising
MeteoNova
Свернуть Statistics Развернуть
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Tagis Балаболка
Инфо сайта
Инфо форума

Все права защищены! shalbuzdag-666.ucoz.ru © 2009 – 2019 ()
уЧётчик сайта