Menu
Coddy logo textTech
ZACZNIJ NAUKĘ
flag Pl iconPolskidown icon

Przyciski w formularzach

Część sekcji Podstawy ścieżki HTML w Coddy. Lekcja 45 z 60.

Przyciski odgrywają kluczową rolę w formularzach, gdzie pomagają wysyłać dane lub resetować pola. Zobaczmy, jak działają:

Przycisk przesyłania:

<form>
	<input type="text" name="username" placeholder="Enter username">
	<button type="submit">Submit</button>
</form>
  • type="submit": Wysyła dane formularza na serwer.

Przycisk resetowania:

<form>
	<input type="text" name="name" value="John Doe">
	<button type="reset">Reset</button>
</form>
  • type="reset": Czyści wszystkie pola i przywraca ich wartości domyślne.
challenge icon

Wyzwanie

Łatwy

Utwórz dokument HTML zawierający formularz z różnymi typami przycisków. Formularz powinien zawierać następujące elementy:

  1. Pole tekstowe o nazwie "message" i podpowiedzi „Enter your message”.
  2. Dodaj przycisk przesyłania (<button type="submit">) z tekstem „Send”.
  3. Dodaj przycisk resetowania (<button type="reset">) z tekstem „Clear”.
  4. Dodaj zwykły przycisk (<button>) z tekstem „Click Me”.

Spróbuj swoich sił

<!DOCTYPE html>
<html>
    <body>
        <!-- Wpisz kod tutaj -->
    </body>
</html>
quiz iconSprawdź się

Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.

Wszystkie lekcje w sekcji Podstawy

1Podstawy HTML

Czym jest HTML?Podstawowa struktura dokumentu HTMLTagi i elementyZagnieżdżanie i zamykanie tagówKomentarze w HTML

4Karta przepisu

Przegląd projektuTytuł i opis przepisuLekcja projektowaSkładnikiLekcja projektowaKrokiLekcja projektowa

7Strona profilu osobistego

Omówienie projektuSekcja nagłówkaLekcja projektowaZdjęcie profiloweLekcja projektowaSekcja „O mnie”Lekcja projektowaLinki do mediów społecznościowychLekcja projektowa

10Tabele

Podstawy tabelDodawanie podpisówScalanie wierszy i kolumnPodsumowanie – tabele

2Tekst i formatowanie

NagłówkiAkapityPodziały wierszaTekst pogrubiony i pochylonyPonownie: tekst pogrubiony i pochylonyPodsumowanie — formatowanie

5Dodawanie treści

Atrybuty HTMLLinkiLinki do nowych stronObrazyAtrybuty obrazów

8Formularze i pola wejściowe, część 1

Podstawy formularzyPola tekstoweAtrybuty pólPole hasłaEtykiety pólPodsumowanie – podstawowy formularz

11Strona rejestracji na wydarzenie

Przegląd projektuSekcja nagłówkaLekcja projektowaSekcja szczegółów wydarzeniaLekcja projektowaFormularz rejestracyjnyLekcja projektowaSekcja stopkiLekcja projektowa

3Praca z listami

Lista nieuporządkowanaLista uporządkowanaListy zagnieżdżonePodsumowanie — listy

6Układ strony

Elementy blokoweElementy linioweZnaczniki semantyczneSekcje i artykułyPodsumowanie — układ

9Formularze i pola wejściowe, część 2

Przyciski opcjiPola wyboruListy rozwijanePrzyciskiPrzyciski w formularzachPowtórzenie — formularze nr 1Powtórzenie — formularze nr 2

12Końcowe wyzwania

Prosta karta profilowaKarta zaproszenia na wydarzenieProsta strona artykułuLista ulubionych książek

Poćwicz samodzielnie: Edytor online Web