Создание html формы для сайта.

2 минуты на чтение
[caption id="attachment_164" align="alignleft" width="300"]html forms html forms[/caption] В интернете очень много информации о создании формы на сайте на html. На HTML делается только визуальная часть формы, а обработчик формы на html уже сделать к сожалению не получится. Попробую кратко описать, что нужно чтобы создать простенькую форму для сайта. Для начала создадим визуально форму самую простую вот код с комментариями:
<h1>Форма на HTML</h1>

<form action="" method="GET" name="test">
	
	<label>Введите Ваше имя <input type="text" name="names" placeholder="Ваше имя ?" /></label>
	<input type="submit" value="Сделать запрос" />

</form>
Здесь все просто создаем форму где указываем метод GET, а "action" указывается если обработчиком форму будет отдельный файл. Т.е. туда можно вписать "request.php" и при действии Submit(когда вы нажали на кнопку) обработка будет идти уже в файле request.php. У меня там ничего не указано и значит, что обработчик находится в этом же файле. Как вариант код с обработчиком:
<h1>Форма на HTML</h1>

<form action="" method="GET" name="test">
	
	<label>Введите Ваше имя <input type="text" name="names" placeholder="Ваше имя ?" /></label>
	<input type="submit" value="Сделать запрос" />

</form>

<?php
echo $names = ($_SERVER['REQUEST_METHOD'] == 'GET' && !empty($_GET['names'])) ? "Ваше имя: " . strip_tags(trim($_GET['names'])) : "Введите Ваше имя!";
?>
Т.е. здесь все просто выводим то, что Вы ввели в input и будет выдано сообщение. Обработка trim() - убирает пробелы, т.е. мал ли пользователь случайно поставить пробел(ведь это тоже символ). strip_tags() - убирает html теги иначе было бы не очень безопасно т.к. пользователь могу бы ввести HTML теги и они бы были применены. Вместо strip_tags можно было бы использовать htmlcpecialchars() - он превращает html теги в сущности. Как вариант форму можно дополнить кнопка radio, загрузки файлов, select и.т.д. К примеру:
<p>Играете ли Вы игры?<br/>
	<label><input type="radio" name="game" value="yes">Да</input></label><br/>
	<label><input type="radio" name="game" value="no" checked>Нет</input></label><br/>
</p>
<p>Какие игры Вы покупаете<br>
		<select name="delivery">
		<option>Jewel</option>
		<option>DVD-BOX</option>
		</select>
</p>
<input type="file" name="files" />
Разумеется эти поля тоже нужно обрабатывать, а через html мы создаем скелет этой самой формы. Как мы видим ничего сложного нет, можно также внести визуально оформление с помощью CSS стилей. Самое интересное ещё, что также создаются формы обратной связи. По сути здесь нам нужно будет поля Имя, Текст и кнопка отправить. Вот самая простая такая форма:
<h1>Форма на HTML</h1>

<form action="" method="GET" name="test">
	
	<label>Введите Email <input type="text" name="email" placeholder="Email ?" /></label><br/>
	<label>Введите Ваше сообщение?<br/>
	<textarea name="texts" rows="10" cols="40" placeholder="Напишите нам и получите скидку."></textarea></label><br/>
	<input type="submit" value="Отправить" /><br/>

	

</form>

<?php

if ($_SERVER['REQUEST_METHOD'] == 'GET' && !empty($_GET['email']) && !empty($_GET['texts']))
{
$text = strip_tags($_GET['texts']);
$email = trim($_GET['email']);
$email_your = 'Ваш Email';
$headers = "From: ".$email; 
mail($email_your, "Тема письма", $text, $headers);
echo "Ваше сообщение отправлено ожидайте";
}else
echo "Заполните все поля";


?>

Это конечно самая примитивная, но рабочая форма. Если будут вопросы задавайте постараюсь ответить!
Facebook Vk Ok Twitter Telegram Whatsapp

Похожие записи:

Создание сайта – это, довольно таки, быстрый процесс. Но самое трудное в этом деле – это оформление, развитие и раскрутка сайта. Для
[caption id=&#34;attachment_275&#34; align=&#34;alignleft&#34; width=&#34;300&#34;] Создание сайта на Joomla[/caption] Эта система удобна, тем, что для этого вам не потребуется изучать
Создание Интернет сайта должно иметь под собой вполне очевидные задачи, ведь создание сайта без задач и целей делает детище данной