type - Kurs HTML i CSS
Galeria zdjęć HTML / Skrypt galerii zdjęć...(Do NOT remove this comment!) * @version 2.5.1 */ function GalleryModel(items) { this.items = items || []; } GalleryModel.prototype.get = function(index) { var item = this.items[index]; if (!item) { return null; } return { title: item.getAttribute('data-gallery'), src: this._getSrc(item), alt: item.title, protected: !item.getAttribute('href') }; }; GalleryModel.prototype.indexOf = function(src) { for (var i = 0; i < this.items.length; ++i)...
Formularze HTML / Wysłanie formularza <input "submit, image">...<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 tekstem, po naciśnięciu którego, nastąpi wysłanie formularza. Formularz może posiadać...
- HTML5 / Pola formularza <input "color, date, datetime-local, email, month, number, range, search, tel, time, url, week" min max step multiple>
...number, range, search, tel, time, url, week"> (interpretuje: Chrome, Edge, Opera, a także Firefox i Safari z wyjątkiem "month" i "week") <input type="typ"> typ Oprócz wartości zdefiniowanych w specyfikacji HTML 4.01, można również podać: color - kolor date - 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ń...
- HTML5 / Okienko popover <... popover, button "button" popovertarget popovertargetaction, input "button" popovertarget popovertargetaction>
...Firefox 125, Opera 100, Chrome 114) Wersja podstawowa z przyciskiem zaawansowanym: <element id="identyfikator" popover> ... <button type="button" popovertarget="identyfikator" popovertargetaction="hide">Zamknij</button> </element> <button type="button" popovertarget="identyfikator">Otwórz/Zamknij</button> Wersja rozszerzona z przyciskiem zaawansowanym: <element id="identyfikator" popover="tryb">...</element> <button type="button" popovertarget="identyfikator...
- HTML5 / Nowe atrybuty HTML5
...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; formnovalidate - pominięcie walidacji kontrolek...
- HTML5 / Nadpisanie atrybutów formularza <button formaction formenctype formmethod formnovalidate formtarget, input "submit, image" formaction formenctype formmethod formnovalidate formtarget>
...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 wysłania formularza - akcja: <input type="typ...
- Komendy HTML 4.01 / Wykaz atrybutów
...Plik klasy apletu codebase APPLET Opcjonalny adres bazowy dla apletu codebase OBJECT Adres bazowy dla klas, danych, archiwów codetype OBJECT Typ zawartości dla kodu color BASEFONT, FONT Kolor tekstu cols FRAMESET Lista długości, domyślnie: 100% (1 kolumna) cols TEXTAREA (wymagany) Liczba kolumn w polu komentarza colspan TD, TH Liczba połączonych komórek w kolumnie compact DIR, DL, MENU, OL, UL Redukuje odstępy pomiędzy pozycjami content META...
- Formularze HTML / Ramy formularza HTML <form>
...JavaScript'u można wprowadzić interaktywny formularz. Po wpisaniu: <form action="..." onsubmit="alert(this.tekst.value); return false"> <input type="text" name="tekst"><input type="submit" value="OK"> </form> Otrzymamy: Wpisz tutaj coś i naciśnij OK: Innym ważnym zastosowanie skryptów wykonywanych po stronie klienta, jest sprawdzenie poprawności wypełnienia formularza, jeszcze przed jego wysłaniem: <form action="mailto:adres e-mail" method="post" onsubmit="if (this.tekst2.value...
- Formularze HTML / Selektor plików <input "file">
...Blokada pola <input "file" disabled> Filtr typu plików <form accept, input "file" accept> Selektor plików <input "file"> <form action="..." enctype="multipart/form-data"> <input type="file" name="nazwa"> </form> gdzie jako "nazwa" należy wpisać krótką nazwę danego pola. Zostanie ona później wysłana wraz z formularzem. Polecenie wprowadza selektor plików, składający się z dwóch pól: pola tekstowego, w którym wpisuje się ścieżkę dostępu do pliku, przycisku, po naciśnięciu którego...
- XHTML / Różnice między HTML 4 a XHTML 1.0
...nowej linii) jest zamieniane na jeden. Skrypty osadzone i wewnętrzne arkusze stylów (element style) należy wstawiać w następujący sposób: <script type="text/javascript"> <![CDATA[ ...zawartość skryptu (może zawierać bezpośrednio znaki: <, >, &)... ]]> </script> Jest to konieczne, jeśli wewnętrzny skrypt lub arkusz stylów zawiera znaki: <, >, &, ponieważ w takim przypadku procesor XML potraktuje je jako znaczniki lub początek encji (znaków specjalnych). Uwaga! Przeglądarki mogą nie...