Pola wyboru i przyciski opcji

Formularze - HTML i CSS: pierwsze strony (HTML/CSS/JS)

Pole checkbox to kwadracik, który można zaznaczyć niezależnie od innych - wybierasz kilka rzeczy naraz. Pole radio to kółko: z całej grupy o tej samej wartości name da się zaznaczyć tylko jedno. Atrybut checked zaznacza pole od początku. Tutaj etykieta stoi za polem, bo tak zwykle wygląda lista opcji, a <br> łamie linię. Zaznacz kilka zainteresowań, a potem klikaj kolejno różne pory dnia.

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="utf-8">
  <title>Wybory</title>
</head>
<body>
  <h1>Twoje zainteresowania</h1>
  <form>
    <p>Co lubisz robić?</p>
    <input type="checkbox" id="gry" name="hobby" value="gry" checked>
    <label for="gry">Gry</label><br>
    <input type="checkbox" id="sport" name="hobby" value="sport">
    <label for="sport">Sport</label><br>
    <input type="checkbox" id="muzyka" name="hobby" value="muzyka">
    <label for="muzyka">Muzyka</label>

    <p>Kiedy najlepiej się uczysz?</p>
    <input type="radio" id="rano" name="pora" value="rano">
    <label for="rano">Rano</label><br>
    <input type="radio" id="wieczor" name="pora" value="wieczor" checked>
    <label for="wieczor">Wieczorem</label>
  </form>
</body>
</html>

Ładowanie interaktywnego edytora... Jeśli się nie pojawi, włącz JavaScript.

Wszystkie lekcje kursu HTML i CSS: pierwsze strony · Zaloguj się, aby zapisać postęp na koncie.