przeglądarka - Kurs HTML i CSS
HTML5 / Element ukryty <... hidden>(interpretuje: Internet Explorer 11, Firefox 4, Opera 11.5, Chrome 6) Wersja podstawowa: <element hidden>...</element> Wersja rozszerzona: <element hidden="stan">...</element> element Dowolny znacznik HTML 4.01 lub HTML5 stan Można podać jedną z poniższych wartości: hidden - element nie zostanie wyświetlony na stronie (to samo co użycie hidden jako atrybut logiczny - tzn. bez podania wartości). until-found - element nie zostanie wyświetlony na stronie, chyba że użytkownik wyszuka...
- HTML5 / Pola formularza <input "color, date, datetime-local, email, month, number, range, search, tel, time, url, week" min max step multiple>
...ekranie, decyduje wartość atrybutu type="...". W języku HTML5 wprowadzono wiele dodatkowych typów kontrolek dla znacznika INPUT. W przypadku kiedy przeglądarka nie będzie obsługiwać nowych typów kontrolek, na ekranie zostanie wyświetlone zwykłe pole tekstowe (<input type="text">). Co prawda wtedy efekt końcowy nie będzie zgody z oczekiwaniami, ale przynajmniej nie ma obawy, że użytkownik w ogóle nie będzie w stanie prawidłowo wypełnić takiego formularza. Zrobi to, wpisując odpowiednią...
- HTML5 / Pole obowiązkowe <input required, select required, textarea required>
...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ć: <select name="plec" required> <option value="">Wybierz... <option value="kobieta">Kobieta <option...
- HTML5 / Rozmiary przycisku obrazkowego <input "image" width height>
...Od teraz można już ustawiać rozmiary przycisku obrazkowego służącego do wysyłania formularza. Jeśli tego nie zrobimy, zanim obrazek się załaduje, przeglądarka zarezerwuje dla niego na stronie domyślną wolną przestrzeń. Zwykle nie będzie ona dokładnie odpowiadać rzeczywistym rozmiarom grafiki. Dlatego po załadowaniu obrazka, elementy strony w pobliżu i poniżej niego mogą przeskoczyć w dół lub na bok. Jeśli użytkownik dokładnie w tym czasie próbował kliknąć w coś na stronie, może trafić w...
- HTML5 / Blokada autouzupełniania <form autocomplete, input autocomplete, select autocomplete, textarea autocomplete>
...i uzupełnianie wartości na podstawie wcześniejszych wpisów lub zapisanych danych. Na przykład, w formularzu <input type="text" name="email"> przeglądarka może automatycznie wypełnić adres e-mail użytkownika, który był wcześniej używany. Jak wyłączyć autouzupełnianie w HTML? Autouzupełnianie można wyłączyć w HTML, dodając atrybut autocomplete="off" do tagu <form>, <input>, <select> lub <textarea>. Na przykład: <input type="text" name="username" autocomplete="off">. Zabrania to...
- HTML5 / Zawijanie tekstu w formularzu <textarea wrap>
...zawinięty w chwili wysyłania formularza, choć może być w taki sposób wyświetlony na ekranie (domyślnie). hard - w momencie wysłania formularza, przeglądarka automatycznie zawinie tekst wpisany w polu, tzn. doda do niego znaki nowej linii, tak aby wyglądał jak na ekranie przed wysłaniem. Treść w obszarze tekstowym formularza zwykle jest wyświetlana w postaci zawiniętej. W przeciwnym razie wpisywanie byłoby bardzo niewygodne, ponieważ cały czas trzeba by było przewijać pole na boki...
- HTML5 / Automatyczne zogniskowanie <... autofocus>
...elemencie formularza, takim jak pole tekstowe, gdy strona jest załadowana. Na przykład, używając <input type="text" name="username" autofocus>, przeglądarka automatycznie ustawi kursor w polu username podczas ładowania strony. Jak ustawić domyślny fokus w HTML? Domyślny fokus w HTML można ustawić, dodając atrybut autofocus np. do tagu <input>, <textarea> lub <select>. Na przykład, <input type="text" name="search" autofocus> sprawi, że pole wyszukiwania będzie automatycznie...
- Odsyłacze HTML / Serwerowa mapa odsyłaczy <a href, img ismap>
...obszaru albo informacji o wskazanej okolicy. Aby użyć mapy odsyłaczy po stronie serwera, wystarczy dodać do obrazka atrybut ismap. Po kliknięciu, przeglądarka automatycznie doklei na końcu adresu odsyłacza ?x,y - czyli współrzędne punktu kliknięcia liczone od lewego-górnego narożnika grafiki. Przykład <a href, img ismap> Po kliknięciu na poniższym obrazku, do linku zostaną doklejone współrzędne wskazanego punktu (po wczytaniu nowej strony, zobacz pasek adresu Twojej przeglądarki):
- HTML5 / Tryb wpisywania <... inputmode>
...powyższe znaczniki - polecenie zostanie zastosowane zbiorczo do nich wszystkich tryb Należy podać jedną z poniższych wartości: none - przeglądarka nie powinna w ogóle wyświetlać klawiatury ekranowej. Jest przydatne, jeśli na stronie wyświetlamy własną kontrolkę klawiatury. text - klawiatura ekranowa umożliwiająca wprowadzanie tekstu w lokalnym języku użytkownika. tel - klawiatura ekranowa umożliwiająca wprowadzanie numerów telefonów. Powinna zawierać klawisze dla cyfr od 0 do...
- HTML5 / Leniwe ładowanie <iframe loading, img loading>
...oraz widżetów. Może się zdarzyć, że użytkownik w ogóle nie przewinie strony do miejsca, w którym zostały umieszczone tego typu multimedia. Niestety przeglądarka załaduje wszystkie tego typu elementy - nawet znajdujące się na samym dole strony, które w tym momencie w ogóle nie są widoczne na ekranie. Jeśli zdjęcia lub widżety mają duży rozmiar, spowolni to wczytywanie całej strony. Dodatkowo może narazić na dodatkowe koszty użytkowników korzystających z połączenia mobilnego. Możemy tego...