pole - Kurs HTML i CSS
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...
- Formularze HTML / Hasło <input "password">
...gdzie jako "nazwa" należy wpisać nazwę danego pola. Zostanie ona później wysłana wraz z formularzem. Nazwa nie powinna być zbyt długa! Wprowadza pole, w którym można wpisać hasło. Od zwykłego pola tekstowego różni się tylko tym, że podczas wpisywania do niego tekstu, nie są widoczne podawane znaki, ale jedynie gwiazdki ("*"). Można również stosować dokładnie te same atrybuty, chociaż podanie hasła domyślnego, może nie być dobrym pomysłem 🙂. Przesyłanie ważnych haseł dostępu w zwykłym...
- Ikony (symbole) / Akcje interfejsu użytkownika
...Pole wyboru check_box check_box Otwórz w nowym open_in_new open_in_new Przełącz włączony toggle_on toggle_on Odśwież refresh refresh Puste pole wyboru check_box_outline_blank check_box_outline_blank Zaloguj login login Lewy szewron chevron_left chevron_left Niezaznaczony przycisk radiowy radio_button_unchecked radio_button_unchecked Więcej poziomo more_horiz more_horiz Pobierz download download Aplikacje apps apps Alternatywna strzałka w prawo arrow_right_alt arrow_right_alt...
Selektory pseudoklas CSS / Blokada :disabled :enabled...i zostaną opisane w dalszych rozdziałach. Pola formularza mogą znajdować się w wielu stanach - jednym z nich jest blokada kontrolki. Zablokowane pole w większości przeglądarek wyświetlane jest w formie wyszarzonej. Użytkownik nie może do niego wpisywać żadnego tekstu ani go włączyć (w przypadku kontrolek typu przełącznik). Blokadę ustala się poprzez przypisanie atrybutu disabled. W odróżnieniu od pól w stanie tylko do odczytu (atrybut readonly), pola zablokowane nie są w ogóle wysyłane w...
Wyszukiwarka / Możliwość wyboruSpis treści Światowy/Polski Internet W serwisie/Na świecie W serwisie/W Polsce Światowy/Polski Internet Lista rozwijalna <form action="https://www.google.pl/search" method="get"> <input type="text" name="q"> <input type="hidden" name="ie" value="utf-8"> <select name="lr"> <option value="">Na świecie</option> <option value="lang_pl">W Polsce</option> </select> <input type="submit" value="Szukaj"> </form> Przykład Na świecie W Polsce Pole opcji <form...
- Selektory pseudoklas CSS / Tylko do odczytu :read-only :read-write
...wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Niektóre pola formularza (pole tekstowe, hasło, obszar tekstowy) mogą być zablokowane w taki sposób, że użytkownik nie będzie mógł zmienić ich wartości. Mimo tego, w odróżnieniu od pól całkowicie zablokowanych (z przypisanym atrybutem disabled), wartości z pól zablokowanych do zapisu będą normalnie wysłane z formularzem. Biorąc pod uwagę, że wiele przeglądarek w żaden...
- Dobre praktyki / Przykazania webmastera
...bo nie każdy może być tak pomysłowy. Pamiętaj również o doborze takich kolorów, które nie będą męczyć wzroku. Jaskrawe barwy zdecydowanie nie są polecane. Opublikowanie strony po prostu z czarnym tekstem na białym tle to naprawdę nie jest wstyd 🙂 Jeśli już musisz wstawić tło obrazkowe pod tekstem, unikaj grafik zawierających mocno kontrastujące obszary koloru lub ostre krawędzie. Staraj się nie wstawiać tekstu w zbyt szeroką kolumnę, gdyż jest to niewygodne w czytaniu. Przy przenoszeniu...
- HTML5 / Nowe elementy HTML5
Spis treści Wstęp Sekcje Nagłówki sekcji Znaczniki grupujące Semantyka tekstu Elementy osadzone Formularze Pole INPUT Elementy interaktywne Skrypty Wstęp Standard HTML5 nie jest już taki nowy, ale nadal mogą być do niego wprowadzane nowe znaczniki. Przeglądarki które ich jeszcze nie odsługują, zwykle próbują wyświetlać je w linii. Nie jest to zgodne z domyślnym sposobem prezentacji części z tych elementów określonym w specyfikacji. Aby ujednolicić sposób wyświetlania...
- 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...
- Komendy HTML 4.01 / Wykaz elementów
...obrazek INPUT wymag/zabr w linii Kontrolka formularza INS wymag/wymag Wstawiony tekst ISINDEX wymag/zabr w bloku Jednoliniowe pole tekstowe KBD wymag/wymag w linii Tekst do wprowadzenia przez użytkownika LABEL wymag/wymag w linii Etykieta LEGEND wymag/wymag Legenda LI wymag/opcj Punkt listy LINK wymag/zabr Odnośnik MAP wymag/wymag w linii Mapa odnośników klienta MENU wymag/wymag w bloku Lista menu META wymag/zabr ...