Нарисуем простую почтовую форму, которую только можно придумать – например такую Мы уже сегодня говорили о методе post.
Оттуда возьмем код добавим textarea плюс инпуты с type=number - это будет у нас самая простая цифровая капча!
И для action - сделаем отдельную страницу, чтобы во всем там разобраться - здесь просто форма...
<p>Ваше имя:</p>
<input type="text" name="name" title="Введите ваше имя" required>
<p>Ваш e-mail:</p>
<input type="text" name="email" required>
<p>Ваше сообщение:</p>
<textarea name="mess" cols="70" rows="7" required></textarea>
<p>Введите два не нулевых числа и их сумму</p>
<input type="number" name="a" required><n>плюс</n><input type="number" name="b" required><n>равно</n><input type="number" name="summa" required>
<input type="submit" value="Отправить" />
</form>
Напишем стили... каждую строчку не буду рассказывать, но в итоге у нас получилось : пример.
скачать полный код и саму форму без php - ниже по ссылке...
Скрипт № 5.1. Форма отправки сообщения с простой цифровой капчей
Скрипт № 5.2. Форма + подсчет количества введенных знаков(JS)
Скрипт № 5.3. Форма отправки сообщения + прикрепить файл
Скрипт № 5.5. HTML форма письма
Скрипт № 5.6. Посказка в input - placeholder
Скрипт № 5.7. Изменить цвет placeholder
Скрипт № 5.8. Типы и виды инпутов
Скрипт № 5.9. Пример textarea
Скрипт № 5.10. Выбор радиоточки
Все скрипты на одной странице
Поддержка граватар