JavaScript_082025_zadanie domowe nr 1_Katarzyna_PD
<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Formularz kontaktowy</title>
</head>
<body>
<!-- Kwadraty -->
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#c82909" width="10" height="10"></td>
<td bgcolor="#ffffff" width="10" height="10"></td>
<td bgcolor="#ffffff" width="10" height="10"></td>
<td bgcolor="#ffffff" width="10" height="10"></td>
<td bgcolor="#ffffff" width="10" height="10"></td>
</tr>
<tr>
<td bgcolor="#ffffff" width="10" height="10"></td>
<td bgcolor="#66cc00" width="10" height="10"></td>
<td bgcolor="#66cc66" width="10" height="10"></td>
<td bgcolor="#66cccc" width="10" height="10"></td>
<td bgcolor="#99ccff" width="10" height="10"></td>
</tr>
</table>
<!-- Link -->
<h1>
<a href="https://yogarepublica.pl">Strona główna</a>
</h1>
<!-- Powitanie -->
<h1><em>Witaj na naszej stronie!</em></h1>
<h2>Cieszymy się, że chcesz się z nami skontaktować. Prosimy wypełnij poniższy formularz, a my odpowiemy tak szybko, jak to możliwe.</h2>
<h3>Jak poprawnie wypełnić formularz? Oto kilka zasad:</h3>
<ol>
<li>Podaj swoje prawdziwe dane</li>
<li>Nie używaj polskich znaków</li>
<li>Wiadomość nie może być dłuższa niż 256 znaków</li>
</ol>
<!-- Formularz -->
<form action="/action_page.php" method="post">
<fieldset>
<legend><b>Formularz kontaktowy</b></legend>
</br>
</br>
<div>
<label for="options">Wybierz opcję:</label>
<select id="options" name="options">
<option value="option1">Opcja 1</option>
<option value="option2">Opcja 2</option>
<option value="option3">Opcja 3</option>
</select>
</div>
</br>
</br>
<div>
<label for="fname">Imię:</label>
<input type="text" id="fname" name="fname" required>
<label for="lname">Nazwisko:</label>
<input type="text" id="lname" name="lname" required>
</div>
</br>
</br>
<div>
<textarea id="message" name="message" rows="10" cols="50" placeholder="Wiadomość"></textarea>
</div>
<div>
<label for="terms">Akceptuję politykę prywatności</label>
<input type="checkbox" id="terms" name="terms" required>
</div>
</br>
</br>
<div>
<input type="submit" value="Wyślij">
<input type="reset" value="Resetuj">
</div>
</br>
</br>
</fieldset>
</form>
</body>
</html>
Zrzut ektranu strony w html:
