form - Kurs HTML i CSS
Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarki...hasla[i][1].addSlashes() + "']" + (i < hasla.length - 1 ? ",\n" : "")); } document.write("</pre>"); } else { document.write( '<form id="' + this.id + '" action="javascript:void(0)" onsubmit="' + this.id + '.wyswietl(); return false">' + '<input type="text" name="haslo" size="30" onkeyup="' + this.id + '.zaznacz()" class="text">' + '<div><select name="hasla" size="' + (typeof rozmiar != 'undefined' && rozmiar ? rozmiar : 15) + '" ondblclick="' + this.id...
XHTML / Różnice między HTML 4 a XHTML 1.0...otwierający musi się kończyć na />: Poprawnie: <br/><br /><hr></hr> Niepoprawnie: <br><hr> Ze względu na kompatybilność wstecz lepiej jest używać formy ze spacją przed końcowym ukośnikiem: <br />. W celu zapewnienia kompatybilności zaleca się też nie używać formy zminimalizowanej, a tradycyjnej metody dla znaczników, których zamykanie w HTML 4 było opcjonalne, tzn. np. tak: <p> </p>, a nie tak: <p />. Wartości atrybutów są przetwarzane następująco: Białe znaki na początku i na końcu są...
- HTML5 / Nowe atrybuty HTML5
...automatycznej kapitalizacji (dla obsługiwanych metod wprowadzania) autocomplete FORM, INPUT, SELECT, TEXTAREA Funkcja autouzupełniania pól formularzy autocorrect Wszystkie elementy Zalecane zachowanie automatycznej korekty (dla wspieranych metod wprowadzania) autofocus Wszystkie elementy Automatycznie ustawia zogniskowanie (fokus) na elemencie po załadowaniu strony blocking LINK (rel="stylesheet" lub rel="expect"), SCRIPT, STYLE Czy element może potencjalnie blokować...
- Wyszukiwarka / Wyszukiwanie tylko w polskim Internecie
<form action="https://www.google.pl/search" method="get"> <input type="text" name="q"> <input type="hidden" name="ie" value="utf-8"> <input type="hidden" name="lr" value="lang_pl"> <input type="submit" value="Szukaj"> </form> Przykład
- Wyszukiwarka / Wyszukiwanie w całym światowym Internecie
<form action="https://www.google.pl/search" method="get"> <input type="text" name="q"> <input type="hidden" name="ie" value="utf-8"> <input type="submit" value="Szukaj"> </form> Jeśli dokumenty w Twoim serwisie korzystają z innej strony kodowej niż utf-8, wstaw w wyróżnionym miejscu jej nazwę. Przykład
- HTML5 / Zdarzenia HTML5
...i może wywołać reakcję przeglądarki lub skryptu (JavaScript). Przykładami zdarzeń są kliknięcie myszą, załadowanie strony, zmiana wartości w formularzu czy rozpoczęcie odtwarzania pliku multimedialnego. Zdarzenia pozwalają tworzyć dynamiczne i interaktywne strony internetowe, reagujące na działania użytkownika. Zdarzenia w HTML można przypisywać bezpośrednio do elementów jako atrybuty, dodając przedrostek on przed nazwą zdarzenia. Na przykład, aby wykonać akcję po kliknięciu...
- Formularze HTML / Pole opcji <input "radio">
...Pole opcji <input "radio"> Domyślne zaznaczenie pola <input "radio" checked> Blokada pola <input "radio" disabled> Pole opcji <input "radio"> <form action="..."> <input type="radio" name="nazwa" value="wartość">Tu wpisz opis pola </form> gdzie jako "nazwa" należy wpisać nazwę danego pola (np. skróconą treść pytania), która nie powinna być zbyt długa. Zostanie ona później wysłana wraz z formularzem. Natomiast jako "wartość" podaj treść danej odpowiedzi. Zostanie ona również dołączona do...
- Formularze HTML / Ukryte dane <input "hidden">
<form action="..."> <input type="hidden" name="nazwa" value="wartość"> </form> Polecenie takie tworzy ukryte pole w formularzu. Nie jest ono widoczne ani dostępne dla użytkownika, ale jego wartość (value="wartość") jest przesyłana wraz z formularzem. Może ono służyć np. dla podania informacji o numerze wersji ankiety, dacie jej ostatniej aktualizacji, adresu strony, z której została wysłana, opisu całego formularza lub też poszczególnych jego pól. Dla zaawansowanych Ukryte dane są często...
- Formularze HTML / Lista rozwijalna <select, option, optgroup>
...O określonej wysokości pola <select size> Blokada pola <select disabled> Grupy opcji <optgroup> Lista rozwijalna <select, option, optgroup> <form action="..."> <select name="nazwa"> <option>Tu wpisz pierwszą możliwość</option> <option>Tu wpisz drugą możliwość</option> (...) </select> </form> gdzie jako "nazwa" należy wpisać nazwę danego pola (np. skróconą treść pytania). Zostanie ona później wysłana wraz z formularzem (wysłane zostaną również wpisane możliwości odpowiedzi)...
- Formularze HTML / Obszar tekstowy <textarea>
...<textarea> Obszar tekstowy <textarea> Pole tylko do odczytu <textarea readonly> Blokada pola <textarea disabled> Obszar tekstowy <textarea> <form action="..."> <textarea name="nazwa" cols="x" rows="y">Tu wpisz tekst który pojawi się domyślnie</textarea> </form> gdzie jako "nazwa" należy wpisać nazwę danego pola (np. skróconą treść pytania). Zostanie ona później wysłana wraz z formularzem. Natomiast "x" oraz "y" oznaczają odpowiednio: ilość kolumn i wierszy tekstu, które mogą się...