formularz - Kurs HTML i CSS
Formularze HTML / Formularz na stronie internetowejDzięki formularzom, które są umieszczane bezpośrednio na stronie WWW, możesz uzyskać wiele informacji o użytkownikach odwiedzających Twój serwis. Służą one również do zamawiania różnych towarów w sklepach internetowych, chociaż wtedy należy dodatkowo zadbać o bezpieczeństwo przesyłanych danych. Prosty formularz pocztowy przedstawiony w tym rozdziale, na pewno nie jest odpowiedni do przesyłania np. numerów kart kredytowych, ważnych haseł dostępu czy innych poufnych danych! Bezpieczestwo można...
Wyszukiwarka / Formularz wyszukiwania na stronie...funkcjonowanie Internetu byłoby znacznie utrudnione. Bez wielkiego nakładu pracy możesz urozmaicić i własną witrynę taką wyszukiwarką. Wstawienie formularza szukania Google jest bardzo proste. Sposób opisywany tutaj jest całkowicie dozwolony, zatem nie trzeba się obawiać żadnych konsekwencji ewentualnego nieuprawnionego używania wyszukiwarki Google do własnych celów.
- Formularze HTML / Ramy formularza HTML <form>
Spis treści <form> Ramy formularza <form> Dla zaawansowanych Sprawdzenie pól formularza <form onsubmit> Ankieta Ramy formularza <form> <form action="mailto:adres e-mail gdzie wysłać formularz" method="post"> (Tutaj umieszcza się pola formularza) </form> lub <form action="mailto:adres e-mail?subject=temat" method="post"> (Tutaj umieszcza się pola formularza) </form> gdzie jako "adres e-mail gdzie wysłać formularz" podaj swój adres poczty elektronicznej e-mail. Natomiast zamiast...
- Formularze HTML / Wysłanie formularza bez programu pocztowego
Do wysyłania formularzy opisanych w tym rozdziale konieczny jest program pocztowy, np. MS Outlook, Mozilla Thunderbird lub inny. Program taki musi posiadać zainstalowany i skonfigurowany w swoim systemie operacyjnym użytkownik, który chce wysłać do nas formularz pocztowy. Problem w tym, że część użytkowników w ogóle takiego programu nie posiada, ponieważ swoją pocztę odczytują za pomocą tzw. aplikacji webmail, czyli specjalnej strony WWW. Takie strony-aplikacje udostępniają wszystkie duże...
- Formularze HTML / Forma odszyfrowana <form enctype accept-charset>
Spis treści <form enctype accept-charset> Forma odszyfrowana <form enctype> Usunięcie polskich znaków z formularza Strona kodowa formularza <form accept-charset> Forma odszyfrowana <form enctype> <form action="..." enctype="text/plain">...</form> Formularze są wysyłane w formie zakodowanej, np. możesz otrzymać coś takiego...
- Formularze HTML / Wysłanie formularza <input "submit, image">
Spis treści <input "submit, image"> Przycisk tekstowy <input "submit"> Przycisk obrazkowy <input "image"> Nazwa przycisku wysłania formularza <input "submit" name> Przycisk tekstowy <input "submit"> <form action="..."> <input type="submit" value="wartość"> </form> gdzie jako "wartość" należy wpisać napis, który pojawi się na przycisku wysyłania formularza. Jeśli opuścimy ten parametr, pojawi się tam domyślny tekst, np.: "Prześlij kwerendę". Polecenie wprowadza na ekran przycisk z...
- Formularze HTML / Wyczyszczenie danych <input "reset">
Spis treści <input "reset"> Wyczyszczenie danych <input "reset"> Blokada pola <input "reset" disabled> Potwierdzenie wyczyszczenia formularza <form onreset> Wyczyszczenie danych <input "reset"> <form action="..."> <input type="reset" value="wartość"> </form> gdzie jako "wartość" należy wpisać napis, który pojawi się na przycisku wysyłania formularza. Jeśli opuścimy ten parametr, pojawi się tam domyślny napis, np.: "Resetuj". Komenda wyświetla na ekranie przycisk, po naciśnięciu...
- HTML5 / Wyszukiwarka <search>
<search>...</search> Element ten pozwala semantycznie wskazać, że objęty nim fragment kodu HTML stanowi formularz wyszukiwania. Może to być na przykład: formularz wyszukiwania w aktualnym serwisie mechanizm filtrowania danych w bieżącym dokumencie wyszukiwarka w całym Internecie Elementem tym powinien być objęty tylko sam formularz, a nie wyniki wyszukiwania. Znacznik SEARCH nie tworzy samoczynnie wyszukiwarki, a jedynie wskazuje miejsce na stronie, gdzie się znajduje jej formularz. Do...
- Formularze HTML / Pole wyboru <input "checkbox">
...checked> Blokada pola <input "checkbox" disabled> Etykieta <label> Klawisz skrótu <input "checkbox" accesskey> Dynamiczne blokowanie pól formularza Pole wyboru <input "checkbox"> <form action="..."> <input type="checkbox" name="nazwa" value="wartość">Tu wpisz opis pola </form> gdzie jako "nazwa" należy wpisać nazwę danego pola (np. skróconą treść pytania), która nie powinna być zbyt długa. Zostanie ona później wysłana wraz z formularzem. Natomiast jako "wartość" podaj treść...
- HTML5 / Przypisanie pola do formularza <button form, fieldset form, input form, object form, output form, select form, textarea form>
(interpretuje: Firefox 4, Opera 10, Chrome 10) Przycisk: <button form="identyfikator">...</button> Grupa pól formularza: <fieldset form="identyfikator">...</fieldset> Pole formularza: <input form="identyfikator"> Obiekt: <object form="identyfikator"></object> Dane wyjściowe: <output form="identyfikator">...</output> Lista rozwijalna: <select form="identyfikator">...</select> Obszar tekstowy: <textarea form="identyfikator">...</textarea> identyfikator Należy podać wartość...