pole - 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 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 / 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...
- HTML5 / Pole obowiązkowe <input required, select required, textarea required>
...HTML5 - z wyjątkiem: hidden, image, button, submit, reset. Atrybut logiczny (wstawiany bez wartości) required pozwala wskazać, że oznaczone nim pole jest obowiązkowe. Jeśli użytkownik go nie wypełni, nie będzie mógł w ogóle wysłać formularza. Przy takiej próbie przeglądarka może pokazać komunikat błędy - np.: "Wypełnij to pole". Przykład <input required, select required> <ul> <li><label>Imię i nazwisko: <input type="text" name="imie_nazwisko" required> *</label></li> <li><label> Płeć...
- 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 / Obszar tekstowy <textarea>
...ilość kolumn i wierszy tekstu, które mogą się jednocześnie zmieścić w polu, bez jego przewijania. Polecenie to wyświetla na ekranie wieloliniowe pole tekstowe (obszar tekstowy). Pozwala ono na wprowadzenie pewnego dłuższego komentarza przez użytkownika, który wypełnia formularz. Można także podać między znacznikami <textarea> a </textarea> treść domyślną, która pojawi się w tym polu (możliwe jest oczywiście jej późniejsze wymazanie przez użytkownika). Wewnątrz <textarea>...</textarea> (w...
- 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 / Forma odszyfrowana <form enctype accept-charset>
...można umieścić przed formularzem odpowiedni skrypt: <script> function usun_pl(formularz) { for (i = 0; i < formularz.length; i++) { var pole = formularz.elements[i]; if (pole.type != "text" && pole.type != "textarea") continue; var str = ""; for (j = 0; j < pole.value.length; j++) { switch (pole.value.charAt(j)) { case "ą": str += "a"; break; case "ć": str += "c"; break; case "ę": str += "e"; break; case "ł": str += "l"; break; case "ń": str...
- Formularze HTML / Lista rozwijalna <select, option, optgroup>
...są obowiązkowe, jeśli zamierzamy wykorzystać formularz w skrypcie. Polecenie pozwala wprowadzić listę rozwijalną (menu) - inaczej zwaną również polem kombi - z której możemy wybrać jedną (typ podstawowy) lub kilka możliwości (typ rozszerzony) - za pomocą klawisza Ctrl. Każdy znacznik <option>...</option> odpowiada jednej opcji na liście. Możliwe jest oczywiście wprowadzenie więcej niż dwóch opcji wyboru (w miejsce kropek). UWAGA! W zawartości elementu OPTION nie można wpisywać żadnych...
- Komendy HTML 4.01 / INPUT
...wyrównanie do prawej ALT="tekst" Tekst alternatywny CHECKED Gdy TYPE="checkbox" lub TYPE="radio", to podaje, że przełącznik jest włączony (pole zaznaczone) CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej DISABLED Blokada kontrolki ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym...