Kod Html
<html lang="pl">
<head>
<meta charset="utf-8">
<title>Wprowadzanie danych html</title>
<link rel="stylesheet" href="adam_e1.css">
<script src="adam_e1.js"></script>
</head>
<body>
<h2>Wprowadz dane do formularza</h2>
<form id="formularz" method="get" action="dane">
<table width="500">
<tr>
<td><label for="imie">Imie Nazwisko<span class="wymagane">*</span></label></td>
<td><input type="text" id="aimie" name="imie"></td>
<td id="ierror" class="blad"> </td></tr>
<tr>
<td><label for="adres">Adres zamieszkania</label></td>
<td><input type="text" id="adres" name="adres"></td>
<td id="aerror" class="blad"> </td></tr>
<tr>
<td><label for="kod">Kod pocztowy<span class="wymagane">*</span></label></td>
<td><input type="text" id="kod" name="kod"></td>
<td id="kerror" class="blad"> </td></tr>
<tr>
<td>Państwo zamieszkania<span class="wymagane">*</span></td>
<td><select id="kraj" name="kraj">
<option value="" selected>Wybierz...</option>
<option value="AU">Austria</option>
<option value="CZ">Czechy</option>
<option value="PL">Polska</option>
<option value="RU">Rosja</option>
</select></td>
<td id="krError" class="blad"> </td></tr>
<tr>
<td>Płeć<span class="wymagane">*</span></td>
<td><label><input type="radio" name="plec" value="m">Mężczyzna</label>
<label><input type="radio" name="plec" value="k">Kobieta</label></td>
<td id="plError" class="blad"> </td></tr>
<tr>
<td>Kolor samochodu<span class="wymagane">*</span></td>
<td><label><input type="checkbox" name="kolor" value="b">Biały</label>
<label><input type="checkbox" name="kolor" value="n">Niebieski</label>
<label><input type="checkbox" name="kolor" value="z">Zielony</label></td>
<td id="kolError" class="blad"> </td></tr>
<tr>
<td><input type="submit" value="Zapisz" id="wyslij">
<input type="reset" value="Czyść" id="kasuj"></td>
</table>
</body>
</html>
------------------------------------------------------------------------------
------------------------------------------------------------------------------
Kod CSS
body {
background-color:#aabbcc;}
#formularz {background-color:#ffff10;
width: 200 px;
}
.wymagane {
color: red;
}
.blad {
color: red;
}
.ramkabledu {
border: 2px solid red;
}
table {
border: 0;
}
td {
margin: 0;
padding: 3px 10px;
}
