Wyróżnione fragmenty, można (a nawet trzeba) zastąpić innym tekstem. Są to np. pytania, poszczególne odpowiedzi, wartości parametrów i inne. Czcionką pogrubioną (pomiędzy znakami <!-- a -->) zaznaczono komentarze. Nie są one oczywiście konieczne (możesz je pominąć). Natomiast pozwalają zorientować się, czego dotyczy fragment kodu poniżej nich.
<form action="mailto:twój_adres_poczty@domena" method="post" enctype="text/plain"><div> <!-- Podstawowe pole tekstowe --> <input name="Imię" />Podaj swoje imię<br /> <input name="Nazwisko" />Podaj swoje nazwisko <!-- Pole typu RADIO --> <p>Podaj swoją płeć:</p> <input type="radio" name="Płeć" value="Kobieta" />Kobieta <input type="radio" name="Płeć" value="Mężczyzna" />Mężczyzna <!-- Pole typu RADIO --> <p>Ile masz lat?</p> <input type="radio" name="Wiek" value="mniej niż 15" />mniej niż 15<br /> <input type="radio" name="Wiek" value="15-19" />15-19<br /> <input type="radio" name="Wiek" value="20-29" />20-29<br /> <input type="radio" name="Wiek" value="30-39" />30-39<br /> <input type="radio" name="Wiek" value="40-60" />40-60<br /> <input type="radio" name="Wiek" value="więcej niż 60" />więcej niż 60 <!-- Pole typu CHECKBOX --> <p>Jaką lubisz muzykę (możesz zaznaczyć więcej możliwości)?</p> <input type="checkbox" name="Muzyka" value="Rock" />Rock<br /> <input type="checkbox" name="Muzyka" value="Heavy Metal" />Heavy Metal<br /> <input type="checkbox" name="Muzyka" value="Pop" />Pop<br /> <input type="checkbox" name="Muzyka" value="Techno" />Techno<br /> <input type="checkbox" name="Muzyka" value="Muzyka poważna" />Muzyka poważna<br /> <input type="checkbox" name="Muzyka" value="Inna" />Inna (podaj jaka): <input name="Muzyka" /> <!-- Lista rozwijalna (typ podstawowy) z zaznaczoną opcją domyślną --> <p>Jakiej przeglądarki internetowej używasz?</p> <select name="Przeglądarka"> <option selected="selected">Internet Explorer</option> <option>Netscape</option> <option>Opera</option> <option>Mozilla</option> <option>Inna</option> </select> <!-- Lista rozwijalna (typ rozszerzony) z zaznaczoną opcją domyślną i zmniejszoną wysokością --> <p>Jakie znasz systemy operacyjne (możesz wybrać kilka opcji trzymając klawisz Ctrl)?</p> <select name="System operacyjny" multiple="multiple" size="3"> <option selected="selected">Dos</option> <option>Windows</option> <option>Linux</option> <option>Inny</option> </select> <!-- Pole komentarza (o powiększonych rozmiarach oraz z tekstem domyślnym) --> <p>Podaj swój komentarz:</p> <textarea name="Komentarz" cols="50" rows="10">Proszę, wpisz tutaj jakiś komentarz...</textarea> <br /><br /><br /> <!-- Przycisk WYŚLIJ --> <input type="submit" value="Wyślij formularz" /> <!-- Przycisk WYCZYŚĆ DANE --> <input type="reset" value="Wyczyść dane" /> </div></form>
A oto co otrzymamy po wpisaniu powyższego tekstu:
(możesz kliknąć przycisk "Wyślij formularz", aby zobaczyć szybki efekt, bez wysyłania danych)