pole formularza input - Kurs HTML i CSS
Formularze HTML / Pole wyboru <input "checkbox">...jest tutaj absolutnie konieczny - musi on być inny dla każdej możliwości odpowiedzi! Polecenie to spowoduje wyświetlenie pola w postaci kwadratu (pole wyboru), które można zaznaczyć, a także "odznaczyć", myszką. Dzięki niemu możesz wprowadzić pytanie, przy którym można wybrać kilka spośród podanych gotowych odpowiedzi. Dla zaawansowanych Jeśli zamierzasz wykorzystać formularz w skrypcie po stronie klienta (np. JavaScript), każde pole tego typu powinno posiadać dodatkowo unikalny...
- Formularze HTML / Pole tekstowe <input "text">
...<input "text" disabled> <input type="text" name="nazwa" disabled> Wstawienie atrybutu disabled powoduje zablokowanie pola. UWAGA! Zablokowane pole w ogóle nie jest przesyłane z danymi formularza. Przykład <input "text" disabled> To pole jest zablokowane (disabled). Tabulator <input "text" tabindex> Wiele osób wypełniając formularze przenosi się do kolejnych pól nie za pomocą myszki, ale klawisza tabulatora (Tab), a powraca do poprzedniego pola za pomocą kombinacji Shift+Tab. Taki...
- Formularze HTML / Przykład formularza HTML
...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...
- Formularze HTML / Wysłanie formularza <input "submit, image">
...type="submit" value="wartość" disabled> </form> Wstawienie atrybutu disabled powoduje zablokowanie pola. Przykład <input "submit" disabled> To pole jest zablokowane (disabled). Przycisk obrazkowy <input "image"> <form action="..."> <input type="image" src="ścieżka dostępu do obrazka" alt="informacja alternatywna"> </form> gdzie jako "ścieżka dostępu do obrazka" należy podać lokalizację na dysku, gdzie znajduje się obrazek, który ma zostać wyświetlony jako przycisk wysłania...
- Formularze HTML / Ramy formularza HTML <form>
...mieć problemów z wypełnieniem formularza na stronie WWW. Pomiędzy podanymi wyżej znacznikami (<form> oraz </form>), mieszczą się wszystkie inne polecenia, dotyczące formularza (pola do wprowadzania danych). Każdy taki formularz musi rozpoczynać się od znacznika otwierającego <form>, a kończyć się znacznikiem zamykającym </form>, chyba że nie chcesz z nim nic robić (nigdzie go wysłać), ale po co Ci taka "atrapa". Dlatego staraj się o tym nie zapominać! Dla zainteresowanych Istnieje pewien...
- Formularze HTML / Pole opcji <input "radio">
...dla każdej możliwości odpowiedzi! Dla zaawansowanych Jeśli zamierzasz wykorzystać formularz w skrypcie po stronie klienta (np. JavaScript), każde pole tego typu powinno posiadać dodatkowo unikalny identyfikator (atrybut id="..."). Żadne dwa elementy w dokumencie nie mogą mieć takiego samego identyfikatora, nawet pola dotyczące tego samego pytania. W skrypcie należy posługiwać się tymi właśnie identyfikatorami a nie nazwami. Polecenie to spowoduje wyświetlenie okrągłego pola, które możesz...
- Formularze HTML / Selektor plików <input "file">
...<form>...</form> należałoby dodatkowo użyć atrybut enctype="multipart/form-data". Niestety nowe przeglądarki generalnie nie interpretują tego polecenia w przypadku prostego formularza pocztowego. Dla zaawansowanych Wysyłanie plików w załączniku jest natomiast obsługiwane m.in. przez PHP (należy wtedy dla znacznika <form>...</form> konieczne podać atrybut: enctype="multipart/form-data"). W języku HTML5 możliwe jest ustawienie opcji pozwalającej na wybór wielu plików jednoczenie (przy...
- HTML5 / Nadpisanie atrybutów formularza <button formaction formenctype formmethod formnovalidate formtarget, input "submit, image" formaction formenctype formmethod formnovalidate formtarget>
(interpretuje: Internet Explorer 10, Firefox 4, Opera 15, Chrome 9) Przycisk wysłania formularza - akcja: <button formaction="akcja">...</button> Przycisk wysłania formularza - typ kodowania: <button formenctype="kodowanie">...</button> Przycisk wysłania formularza - metoda: <button formmethod="metoda">...</button> Przycisk wysłania formularza - pominięcie walidacji: <button formnovalidate>...</button> Przycisk wysłania formularza - cel: <button formtarget="cel">...</button> Pole...
- HTML5 / Nowe atrybuty HTML5
...IMG, LINK, SCRIPT Ustawia priorytet dla pobrań inicjowanych przez element form BUTTON, FIELDSET, INPUT, OBJECT, OUTPUT, SELECT, TEXTAREA Łączy pole z elementem formularza formaction, formenctype, formmethod, formnovalidate, formtarget BUTTON (type="submit"), INPUT (type="submit" lub type="image") formaction - URL do użycia przy wysyłaniu formularza; formenctype - typ kodowania listy danych do użycia przy wysyłaniu formularza; formmethod - metoda do użycia przy wysyłaniu formularza...
- HTML5 / Pola formularza <input "color, date, datetime-local, email, month, number, range, search, tel, time, url, week" min max step multiple>
...data datetime-local - data i czas lokalny email - adres poczty e-mail month - miesiąc number - liczba range - przedział liczbowy search - pole wyszukiwania tel - numer telefonu time - czas url - adres URL week - tydzień w roku [Zobacz również: Formularze] Znany ze specyfikacji HTML 4.01 element INPUT, tworzy większość rodzajów kontrolek formularzy. O tym, jaki typ elementu zostanie wyświetlony na ekranie, decyduje wartość atrybutu type="...". W języku HTML5 wprowadzono wiele...