JS- zadanie domowe 1
<!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 style="font-family:'Times New Roman', Times, serif;">
<main> <article> <!-- Tabela z kolorami--> <table cellspacing="0" cellpadding="0" style="margin: 10px 0;"> <tr> <td style="background-color: #a02007; width:20px; height:20px;"></td> <td style="background-color: #ffffff; width:20px; height:20px;"></td> <td style="background-color: #ffffff; width:20px; height:20px;"></td> <td style="background-color: #ffffff; width:20px; height:20px;"></td> <td style="background-color: #ffffff; width:20px; height:20px;"></td> </tr> <tr> <td style="background-color: #ffffff; width:20px; height:20px;"></td> <td style="background-color: #68a130; width:20px; height:20px;"></td> <td style="background-color: #57b457; width:20px; height:20px;"></td> <td style="background-color: #4bc2e6; width:20px; height:20px;"></td> <td style="background-color: #87bdf4; width:20px; height:20px;"></td> </tr> </table>
<!-- Link pod tabelką --> <header> <nav> <a href="/">Strona główna</a> </nav> </header>
<h1>Napisz do nas</h1> <h3>Wypełnij poniższy formularz, aby się z nami skontaktować.</h3> <p>Odpowiemy tak szybko, jak to możliwe!</p>
<h3>Zasady kontaktu:</h3> <ol> <li>Podaj swoje prawdziwe dane.</li> <li>Opisz dokładnie swój problem.</li> <li>Odezwiemy się do Ciebie w ciągu 24 godzin.</li> <li>Szanujemy każdą wiadomość – prosimy o kulturalny język.</li> </ol> </article> <!-- Formularz kontaktowy --> <section> <form action="/submit" method="post" autocomplete="off"> <fieldset> <legend>Formularz kontaktowy</legend>
<div> <select id="options" name="options"> <option value="opcja1">Opcja 1</option> <option value="opcja2">Opcja 2</option> <option value="opcja3">Opcja 3</option> </select> </div> <br>
<div> <label for="name">Imię:</label> <input id="name" type="text" name="firstname" required aria-required="true" autofocus>
<label for="surname">Nazwisko:</label> <input id="surname" type="text" name="lastname"> </div> <br>
<div> <textarea id="message" name="message" rows="5" cols="50" placeholder="Wiadomość"></textarea> </div> <br>
<div style="display: inline-flex; align-items: center; gap: 8px;"> <label for="terms">Akceptuję politykę prywatności</label> <input type="checkbox" id="terms" name="terms" required> </div>
<div> <input type="submit" value="Wyślij"> <input type="reset" value="Resetuj"> </div> </fieldset> </form> </section> </main></body></html>
