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

Solonik
6 Июн 2014
html forms

html forms

В интернете очень много информации о создании формы на сайте на 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 "Заполните все поля";


?>

Это конечно самая примитивная, но рабочая форма.

Если будут вопросы задавайте постараюсь ответить!

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

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

Оставить комментарий

You must be logged in to post a comment.