atrybut - Kurs HTML i CSS
HTML5 / Okienko popover <... popover, button "button" popovertarget popovertargetaction, input "button" popovertarget popovertargetaction>...HTML 4.01 lub HTML5 identyfikator Dowolny unikalny tekst - tzn. taki, który nie może się powtórzyć w tym samym dokumencie w postaci drugiego atrybutu id="..." Otwórz Zamknij Można wstawić własne napisy, które zostaną wyświetlone na przyciskach otwierających lub/i zamykających okienko popover tryb Należy podać jedną z poniższych wartości: auto - wartość domyślna manual - popover nie zostanie zamknięty poprzez kliknięcie w dowolny obszar strony poza jego obrębem ani po wciśnięciu...
- Podcast HTML / #7 Widżety HTML
...treści. Wczytywanie strony do ramki lokalnej Aby strony z menu wczytywały się do ramki umieszczonej w treści, używa się odsyłacza z dodatkowym atrybutem target="...". <a target="cel" href="lokalizacja">opis</a> Atrybut target pozwala wczytać stronę do wybranej ramki, innej niż ta, w której znajduje się odnośnik. Dzięki temu treść w ramce może zmieniać się po załadowaniu strony. Wartością atrybutu target="..." powinna być nazwa ramki nadana w znaczniku <iframe> (atrybut name="...")...
- Tabele HTML / Łączenie kolumn tabeli w grupy <colgroup, col>
...<table> <colgroup span="x"></colgroup> <tr>...</tr> </table> gdzie "x" oznacza ilość kolumn do połączenia w grupę. Jeśli całkowicie pominiemy atrybut span="...", przyjmie on domyślną wartość "1". Łączenie kolumn w grupy umożliwia później odnoszenie się do takiej grupy jako do całości. Dzięki temu możemy nadać od razu całej grupie np. określone formatowanie za pomocą CSS. W grupę można połączyć dowolną liczbę kolumn. W jednej tabeli może istnieć kilka grup. Przykład <colgroup> Po...
- Formularze HTML / Wysłanie formularza <input "submit, image">
...posiadać więcej niż jeden przycisk wysyłania danych. Istnieje możliwość, aby każdy z nich przesyłał informacje pod inny adres: HTML5 / Nadpisanie atrybutów formularza. Wygląd pól formularza można zdefiniować bardziej precyzyjnie dzięki możliwościom CSS - np. przy pomocy zamieszczonego generatora.przycisk o ✅ Rozpocznij konfigurację formularza Przykład <input "submit"> value="Kliknij tutaj!" To jest przykład bez podania wartości value="...". Blokada pola <form action="..."> <input...
- HTML5 / Asynchroniczne ładowanie skryptów <script src async>
...już się zacząć z nią zaznajamiać, a w tym czasie w tle doładować wszystkie potrzebne pliki dynamicznych skryptów. W języku HTML 4.01 służył do tego atrybut logiczny defer. Oznaczony nim skrypt ładuje się dopiero po wczytaniu wszystkich znaczników z dokumentu, tzn. po osiągnięciu </html>. HTML5 wprowadza dodatkowy atrybut logiczny - async - dzięki któremu pliki skryptów zostaną załadowane tak szybko, jak to będzie możliwe (być może jeszcze przed wczytaniem wszystkich znaczników dokumentu)...
- HTML5 / Przeciągnij i upuść <... draggable>
...przycisku myszki. Chociaż do realizacji mechanizmu przeciągnij-i-upuść na stronach WWW zwykle konieczna jest znajomość języka JavaScript, to atrybut ten może być przydatny nawet w czystym HTML. Niektóre elementy każdej strony - jak np. odnośniki hipertekstowe - domyślnie mogą być przeciągane przez użytkowników. Jeśli taki link zostanie upuszczony na pasku adresu przeglądarki, nastąpi jego wczytanie. Można je również upuszczać na pola tekstowe formularzy. W niektórych przypadkach możemy...
- HTML5 / Pominięcie walidacji formularza <form novalidate>
(interpretuje: Internet Explorer 10, Firefox 4, Opera 15, Chrome 10) <form novalidate>...</form> novalidate to atrybut logiczny (wstawiany bez wartości), który pozwala pominąć wszelką weryfikację pól formularza. Oznacza to, że użytkownik będzie mógł wysłać formularz, nawet jeżeli nie wypełni wszystkich obowiązkowych pól albo poda nieprawidłowe wartości (np. wpisze adres e-mail w niepoprawnym formacie). Przykład <form novalidate, input required> Mimo oznaczenia pola jako obowiązkowe...
- HTML5 / Podpowiedź pola formularza <input placeholder, textarea placeholder>
...placeholder="..." Pytania i odpowiedzi <input placeholder, textarea placeholder> Co to jest "placeholder" HTML? Placeholder w HTML to atrybut, który wyświetla tymczasowy tekst w polu formularza, zanim użytkownik wprowadzi własne dane. Jest on używany jako wskazówka lub sugestia, co należy wpisać w danym polu, np.: placeholder="Wprowadź swój e-mail". Jak ustawić "placeholder"? Aby ustawić "placeholder" w polu formularza HTML, należy dodać atrybut placeholder="..." do...
- HTML5 / Walidacja pól formularza <input pattern>
...w wymaganym formacie". Niestety użytkownik może się nie domyślić, co właściwie oznacza ten "wymagany format". Dlatego zaleca się dodatkowo ustawić atrybut title="...", w którym możemy bardziej szczegółowo opisać, co powinno być wpisane w danym polu. W takiej sytuacji przeglądarka może dopisać wartość tego atrybutu do komunikatu błędu. Atrybut pattern="..." nie blokuje wysłania formularza, jeśli użytkownik w ogóle nie wypełni pola. Może to być pomocne, kiedy nie jest ono obowiązkowe, ale gdy...
- Podcast HTML / #5 Tabele HTML
...wewnątrz znaczników wierszy <tr>. Domyślnie tabele nie mają obramowania, co może sprawić, że są mało czytelne. Obramowanie można dodać za pomocą atrybutu <table border="1">. Wąską tabelę można wyśrodkować, używając atrybutu style="margin: auto" w znaczniku <table>. Nagłówki i tytuły tabeli Komórki nagłówkowe <th>: służą do wstawiania komórek nagłówkowych zamiast zwykłych komórek <td>. Tekst w nich jest zazwyczaj pogrubiony i wyśrodkowany. Użycie <th> jest zalecane ze względu na...