Формы

Формы

Попробуем разместить на странице форму <form>.

Пример:
<form> </form>

Так мы добавили форму на страницу, однако на странице по прежнему пусто. Это связанно с тем, что любая форма содержит различные HTML элементы. Давайте рассмотрим один из них.

<input>

<input> - пожалуй самый многофункциональный html элемент.
Взгляните на эти элементы:







Все эти элементы определены тегом <input>.
Вот исходный код:

<input type="text"><br> <input type="date"><br> <input type="submit"><br> <input type="color"><br> <input type="radio"><br> <input type="checkbox"><br>

У тега <input> имеется атрибут type который сообщает браузеру какой именно элемент необходимо отобразить.
Давайте теперь разработаем форму для авторизации где будет 3 "input". Логин, Пароль, Отправить.

<h6>Форма входа на сайт</h6> <form action=""> <input type="text" placeholder="Логин"><br> <input type="password" placeholder="Пароль"><br> <input type="submit"><br> </form> <!-- Атрибут placeholder отобразит подсказку для пользователя -->
Форма входа на сайт



Вот так легко и просто создаются формы на сайтах!
Теперь обратите внимание на атрибут action у тега <form>, в нём указывается путь к файлу в котором содержится скрипт для обработки введённых данных. Впрочем к HTML это уже отоношение не имеет, написанием скриптов для обработки форм занимаются веб-программисты.

Таблицы
Иконка сайта

Комментарии

Добавить комментарий

Чтобы оставить комменатрий необходимо Авторизоваться

Содежание
1. Что такое HTML? 2. Синтаксис HTML 3. Создание HTML веб-страницы 4. HTML-редакторы 5. Структура HTML документа 6. Метаданные 7. Содержимое страницы 8. Табуляция 9. Гиперссылки 10. Изображения 11. Видео 12. Таблицы 13. Формы 14. Иконка сайта 15. Интеграция сторонних сервисов на страницу