|Web Учебник | Самоучитель по CSS | Самоучитель по PHP + MySql |Основы PhotoShop |Контакты. |

Механизмы отправки HTML-формы.

В предыдущих главах мы с вами изучили оболочку HTML-формы, текстовые поля, выключатели, переключатели и списки, осталось дело за малым, научиться использовать механизмы отправки данных с формы.

Для отправки данных используется тег input с значением атрибута type "submit"
<input type="submit" value="отправить" name="submit">
результат:
Все атрибуты вам уже знакомы, но все-же, атрибут name здесь необязателен, но чаще всего страница при помощи формы сама в себя отправляет данные, например гостевая книга, при в ходе на эту страницу вы данных не отправляете, так вот если механизм(сценарий) обработки данных не получает ни чего это может вызвать ошибку. А так сценарий проверяет есть ли переменая(данные) submit с каким либо значением, и если есть, то начинает обрабатвать данные из формы, а если нет то сценарий выполняться не будет.
Атрибут value выполняет 2 роли, первое, присваивает значение переменой name, и так-же текст который введен в этом атрибуте превращается в надпись на кнопке.
Если не понимаете что такое переменая, то вам как специалисту по HTML это и не нужно!!!

Роль кнопки в форме для отправки данных может выполнить картинка, для этого нужно значение атрибута TYPE заменить на image
<input type="image" src="путь к картинке" value="отправить" name="submit" alt="альтернативный текст">
Результат:
Но этот тип лучше не использовать из-за того что некоторые браузер не поддерживают графику.

Кнопка для удаления данных из формы:
<input type="reset" value="Очистить форму" name="reset">
результат:
Роль атрибутов name и value как и в предыдущих.

Это все что я хотел вам расказать о HTML-формах. Закончить я хотел-бы примером готовой формы для авторизации.
Форма для атроризации на сайте:
<form action="file.php" method="post"> <br>
<input type="text" name="login" value="введите логин" size="20" maxlength="32"><br>
<input type="password" name="password" value="введите пароль" size="20" maxlength="32"><br>
<input type="submit" value="войти в акаунт" name="submit"><br>
</form>

Результат:




 

                   Перейти к выбору следующей страницы
 

Добавить в закладки
Добиться абсолютной межбраузерности для механизма добавления в закладки не существует ни на каких языках!!! А для браузера "Chrome" не работают вообще ни какие механизмы!!!
Потому это лучше всего делать в ручную при помощи одновременого нажатия клавиш Ctrl и D , после чего нужно нажать готово(добавить). Такой "механизм работает всегда и везде!!!