submit - Kurs HTML i CSS
Wyszukiwarka / Wyszukiwanie tylko w polskim Internecie...<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
Komendy HTML 4.01 / BUTTON...tabulatorem TITLE="tekst" Tekst pomocniczy TYPE="typ" Deklaruje typ przycisku: button - zwykły przycisk reset - wyczyszczenie danych submit - wysłanie danych (domyślnie) VALUE="wartość" Przypisuje wartość inicjalizującą Zdarzenia: onfocus, onblur, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup Znacznik otwierający: wymagany Znacznik zamykający: wymagany Wyświetlanie: w linii
- Komendy HTML 4.01 / INPUT
...pole tekstowe z ukrytym wpisywanym tekstem (np. seria gwiazdek) radio - przełącznik (pole opcji) reset - przycisk czyszczenia danych formularza submit - przycisk wysłania formularza text - jednoliniowe pole tekstowe (domyślnie) USEMAP="adres" Wiąże mapę odnośników (MAP) z elementem (wartość tego atrybutu musi zostać dopasowana do atrybutu NAME związanego elementu MAP) VALUE="wartość" Wartość inicjalizująca dla kontrolki Zdarzenia: onfocus, onblur, onselect, onchange, onclick...
- HTML5 / Wyszukiwarka <search>
...formularzy wyszukiwarek internetowych. Przykład <search> <search> <form action="search.php"> <input type="search" name="q"> <button type="submit">Szukaj</button> </form> </search>
- HTML5 / Automatyczne zogniskowanie <... autofocus>
...<fieldset> <legend>Zaloguj się</legend> <input type="text" name="login" autofocus> <input type="password" name="password"> <input type="submit" value="OK"> </fieldset> </form> Pytania i odpowiedzi <input autofocus, button tabindex> Co to jest funkcja autofocus? Funkcja autofocus w HTML jest używana do automatycznego ustawienia fokusu na określonym elemencie formularza, takim jak pole tekstowe, gdy strona jest załadowana. Na przykład, używając <input type="text...
- HTML5 / Pole obowiązkowe <input required, select required, textarea required>
...tekstowy: <textarea required>...</textarea> typ Należy użyć dowolnego pola formularza HTML 4.01 lub HTML5 - z wyjątkiem: hidden, image, button, submit, reset. Atrybut logiczny (wstawiany bez wartości) required pozwala 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>...
Selektory atrybutów CSS / Selektor atrybutu o określonej wartości...obramowania dla wszytkich pól tekstowych (type="text"), tak aby nie wpłynęło to na pola innego typu (np. na przycisk wysłania formularza - type="submit"), należałoby wpisać np. taką regułę: input[type="text"] { border: 1px solid black } Niestety również ta deklaracja nie jest interpretowana przez MSIE 6 🙁. Jedynym rozwiązaniem problemu wydaje się użycie klasy selektorowej dla każdego pojedynczego znacznika pola tekstowego w formularzu. Wtedy przynajmniej będzie można określić wszystkie...
- Selektory pseudoklas CSS / Domyślne :default
...1</option> <option class="przyklad_domyslne">Opcja 2</option> <option class="przyklad_domyslne">Opcja 3</option> </select> <div> <button type="submit">Wyślij</button> <button type="reset">Wyczyść</button> </div> </form> otrzymamy formularz, w którym domyślne kontrolki mają dodatkowy margines z lewej strony: Opcja 1 Opcja 2 Opcja 3 Wyślij Wyczyść
- Tryb Quirks / X-UA-Compatible
...już w "dymku" narzędziowym (co było nieprawidłowe) - jak w przypadku title="..." Domyślną wartością atrybutu <button type="...">...</button> jest "submit", a nie jak wcześniej - "button", tzn. jeśli wstawimy przycisk bez tego atrybutu, będzie on wysyłał formularz CSS Przy deklarowaniu alternatywnych arkuszy stylów zapis rel="alternate stylesheet" jest równoważny rel="stylesheet alternate". Własność display - uzupełniona obsługa wartości: table, inline-table, table-row, table-row-group...