Prosty formularz cz.1 HTML

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:

  1. skryptu javascript, który sprawdza, czy nie pozostawia się pustych pól formularza, w przeciwnym wypadku w razie próby wysłania wyświetli komunikat systemowy o wypełnienie wszystkich pól,
  2. właściwego formularza.
        <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.

Zobacz

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.