Poniżej przedstawiam kod do prostego formularza służącego do przesłania zapytania ze strony internetowej. Składa on się z dwóch części:
<script type="text/javascript">
// <![CDATA[
function sprawdz(formularz)
{
for (i = 0; i < formularz.length; i++)
{
var pole = formularz.elements[i];
if ((pole.type == "text" || pole.type == "text" || pole.type == "textarea") && pole.value == "")
{
alert("Proszę wypełnić wszystkie pola!");
return false;
}
}
return true;
}
// ]]>
</script>
<form action="mailto:twoj_email?subject=twoja_nazwa" method="post" enctype="text/plain" onsubmit="if (sprawdz(this)) return true ; return false">
<div>
<label><input type="text" name="imie" />
Twoje imię</label><br />
<label><input type="text" name="email" />
Twój e-mail</label><br />
<label><textarea name="tresc" cols="30" rows="10" /></textarea>
Treść pytania</label><br />
<input type="submit" value="Wyślij" />
</div>
</form>
Powyższy kod należy skopiować i wkleić do swojej strony, gdzie:
twoj_email - wpisz swój email,
twoja_nazwa - wpisz swoją nazwę, która pojawi się w temacie wiadomości.
Formularz został stworzony w języku HTML, na podstawie wiadomości z serwisu Kurs HTML, gdzie można znaleźć obszerne wiadomości na temat budowy stron internetowych. Zdecydowałem się jednak na gruntowną przebudowę strony z zastosowaniem stylów kaskadowych CSS, co związane jest z przebudową tego formularza. Nową wersję w stylu CSS pokazuję w przykładzie 2 Prosty formularz cz.2 CSS.