Гость !!! | RSS
Смотреть онлайн:Лучшая волна мира
Смотреть онлайн:Макароны бедняка
Смотреть онлайн:Группа «Tokio» наполнит мир любовью
Смотреть онлайн:Суп из морского языка с овощами
Смотреть онлайн:Тайное место
Смотреть онлайн:Fit-bo. Выпуск 79
Смотреть онлайн:Тяжелая работа
Смотреть онлайн:Анна Семенович дает всем по губам
Смотреть онлайн:Comedy Club на Новый год
Смотреть онлайн:Собчак
Смотреть онлайн:Садовник
Смотреть онлайн:Управление доской
Смотреть онлайн:Приключения Электроников — Мой адрес - Сове...
Смотреть онлайн:Барные стойки. Выпуск 69
Смотреть онлайн:Как освежить макияж румянами
Смотреть онлайн:Новогодний наряд Инны Маликовой
Смотреть онлайн:Сергей Север - Бродяги, бродяги
Смотреть онлайн:Ирина Забияка поднимет восстание
Смотреть онлайн:Андрей Аршавин приехал к Максим
Смотреть онлайн:Пирожки со шпинатом и козьим сыром
Меню сайта
Оставить отзыв Гороскопы Сонник Мешок позитива Раскрутка сайта HTML HTML Формы Примеры Таблицы Таблицы цветов Генераторы Скрипты
Категории раздела
Новости [61]
Х-Новости [44]
Самое..., самое!!! [342]
ИнтересНости [241]
Праздничная [3]
Ghostly photo
Динозавры размером с курочку
Динозавры размером с курочку
Спутник помог найти в Египте новые пирамиды
Спутник помог найти в Египте новые пирамиды
Рыба-пила или обыкновенный пилорыл (лат. Pristis pectinatus)
Рыба-пила или обыкновенный пилорыл (лат. Pristis pectinatus)
Мандрагора! Мистическое лекарственное растения
Мандрагора! Мистическое лекарственное растения
Самый широкий мост в мире - Синий мост
Самый широкий мост в мире - Синий мост
На карте мира появилось новое государство - Южный Судан
На карте мира появилось новое государство - Южный Судан
Храм Wat Rong Khun - (20 фото)
Храм Wat Rong Khun - (20 фото)
Самые свадебные наряды невесты - к третьему бракосачитанию (15 фото)
Самые свадебные наряды невесты - к третьему бракосачитанию (15 фото)
Soft
Получить код блока
Mini-CHat
Они ждут - Тебя!
Поиск предметов · Сприлл. Тайна Бермудского треугольника
Аркады и экшн · Castle Smasher
Аркады и экшн · ROSWELL INCIDENT
Аркады и экшн · ROBO RPS

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

Баннерообмен
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-адрес: 34.239.176.54

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



Заговор от армии
Чего это тебе он там пишет Бандэрос - Наоми Я Бы Кэмпбел Татьяна Буланова - Летний сад Eminem - Kill You
Tag cloud
Свернуть Архив записей Развернуть
«  Июнь 2024  »
ПнВтСрЧтПтСбВс
     12
3456789
10111213141516
17181920212223
24252627282930
Опросник
Зеркало — это …?
Всего ответов: 74
Поздравления на свадьбу в стихах
Поздравления на свадьбу в стихах
Поздравления на свадьбу от родителей
Поздравления на свадьбу от родителей
Толкование значения снов на букву: «Н»
Толкование значения снов на букву: «Н»
Толкование значения снов, на букву: «Ц»
Толкование значения снов, на букву: «Ц»
Совместимость по знаку зодиака Дева – Дева
Совместимость по знаку зодиака Дева – Дева
Анекдоты про Шерлока Холмса - (21шт)
Анекдоты про Шерлока Холмса - (21шт)
Анекдоты про чудаков - (70 шт.)
Анекдоты про чудаков - (70 шт.)
«Чернушки»: - детско-садистские стишки (68)
«Чернушки»: - детско-садистские стишки (68)
Анекдоты - В роддоме -=- 18
Анекдоты - В роддоме -=- 18
Не спеши предлагать руку и сердце, (анекдоты)
Не спеши предлагать руку и сердце, (анекдоты)
Advertising
MeteoNova
Свернуть Statistics Развернуть
Онлайн всего: 1
Гостей: 1
Пользователей: 0

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

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