Matt_Tuck
Умник
Здравствуйте, Ув. Пользователи Pawno-Info.Ru ! [Редактировано за рекламу for moder]
Я хочу написать курс по созданию контактных форм.
Форма это элемент языка разметки документов HTML, применяемый для ввода/вывода разных данных.
Вот самый простой пример контактной формы:
Часть I - Введение в формы
В этом уроке я разъясню структуру создания формы, а так-же покажу как создать обычное тексовое поле.
Допустим у нас есть пустая HTML страница с таким кодом:
Для создания контейнера с формой, между тегами <body> и </body> нужно вставить следущий код:
А теперь я разъяснь что к чему.
Сам тег <form> определяет контейнер содержащий форму.
Атрибут action="formdata.php" указывает путь к файлу который будет посылать результаты на указанный E-mail *
Атрибут method="POST" определяет как будут отправлены данные
* - О файле formdata.php мы поговорим в другом уроке.
Часть II - Создание текстового поля
Чтобы добавить какое либо поле, нужно вставить код между тегами <form> </form>.
Тег который создаёт текстовое поле это <input>. Но чтобы это было текстовое поле, ему нужно добавить пару атрибутов.
Вот полный код текстового поля:
Данные атрибуты я вам разъяснять не буду, т.к. вы наверное их уже знаете.
Для тега <input> есть ещё пару нужных атрибутов:
Теперь давайте посмотрим на целый код страницы с формой.
А вот и живой пример текстовой области:
В следующих уроках ожидайте:
Я хочу написать курс по созданию контактных форм.
Форма это элемент языка разметки документов HTML, применяемый для ввода/вывода разных данных.
Вот самый простой пример контактной формы:
Часть I - Введение в формы
В этом уроке я разъясню структуру создания формы, а так-же покажу как создать обычное тексовое поле.
Допустим у нас есть пустая HTML страница с таким кодом:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>HTML страница</title>
</head>
<body>
</body>
</html>
HTML:
<form action="formdata.php" name="contact" method="POST">
</form>Сам тег <form> определяет контейнер содержащий форму.
Атрибут action="formdata.php" указывает путь к файлу который будет посылать результаты на указанный E-mail *
Атрибут method="POST" определяет как будут отправлены данные
* - О файле formdata.php мы поговорим в другом уроке.
_____________________________________________
Часть II - Создание текстового поля
Чтобы добавить какое либо поле, нужно вставить код между тегами <form> </form>.
Тег который создаёт текстовое поле это <input>. Но чтобы это было текстовое поле, ему нужно добавить пару атрибутов.
Вот полный код текстового поля:
HTML:
<input type="text" name="name">Для тега <input> есть ещё пару нужных атрибутов:
Код:
minlenght - Минимальная длина
maxlength - Максимальная длина
required - Обязательное поле
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>HTML страница</title>
</head>
<body>
<form action="formdata.php" name="contact" method="POST">
<p>Ваше имя:</p>
<input type="text" name="name" minlenght="3" maxlenght="25" required>
</form>
</body>
</html>
Чтобы видеть скрытое содержание Зарегистрируйтесь на форуме!
На этом я закончил свой первый урок.
В следующих уроках ожидайте:
Создание поля для ввода пароля
Создание текстовой области
Создание выпадающего списка
Создание чекбокса
Создание текстовой области
Создание выпадающего списка
Создание чекбокса
Данный урок написан B1PyC'ом (aka R1K0). Прошу указывать автора при копировании данного урока!
Последнее редактирование модератором: