<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Всплывающая контактная форма</title>
<link rel="stylesheet" type="text/css" href="http://www.novickiy.ru/postt/modal-contact-form.css" />
</head>
<body>
<h1>Пример <br /> "Всплывающая контактная форма для сайта"</h1>
<a class="show-btn" href = "javascript:void(0)" onclick = "document.getElementById('envelope').style.display='block';document.getElementById('fade').style.display='block'">Обратная связь</a>
<div id="envelope" class="envelope">
<a class="close-btn" title="Закрыть" href="javascript:void(0)" onclick = "document.getElementById('envelope').style.display='none';document.getElementById('fade').style.display='none'"></a>
<div class="title">Напишите нам сообщение!</div>
<form method="post" action="обработчик">
<input type="text" name="sender_name" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'* Ваше Имя':this.value;" value="* Ваше Имя" class="your-name"/>
<input type="text" name="sender_email" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'* Ваш Email':this.value;" value="* Ваш Email" class="email-address"/>
<textarea class="your-message" placeholder="* Ваше сообщение"></textarea>
<input type="submit" name="send" value="Отправить" class="send-message">
</form>
</div>
<div id="fade" class="black-overlay"></div>
</body>
</html>