Untitled

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="utf-8">
    <title></title>
    <link href="" rel="stylesheet">
    <script>
        document.createElement('header');
        document.createElement('nav');
        document.createElement('article');
        document.createElement('footer');
        document.createElement('section');
    </script>
</head>
<body>
  <style>
 	table, td
 	{
 		border: 1px solid #000;
 		border-collapse: collapse;
 	}
 	</style>
<form action = '' name= "form1">

    <fieldset style="width: 300px; background-color: #ffd; border: 2px dotted #444;">
        <h3>Wprowadz login i haslo</h3>
        <div>
            <label>Login: </label>
            <input type="text" name="user" value = "Wprowadz login" onfocus = 'this.value = ""' required>
        </div>
        <div>
            <label> Haslo: </label>
            <input type= "password" name="pass" onfocus = 'this.value = ""' required>
        </div>
        <div>
            <input type="button" value= "Wejdz" onClick= "check();">
        </div>
    </fieldset>

</form>
<br>
<br>
<form name="mojFormularz">
	<table width="600">

		<tr>
			<th colspan="3" align="center">Formularz o Tobie
			<br><br></th>
		</tr>

		<tr>
			<td>Podaj swoje imie i nazwisko</td>
			<td>&nbsp;</td>
			<td><input type="text" name="nazwisko" id='nazwisko'></td>
		</tr>
		<tr>
			<td>Podaj swoją płeć</td>
			<td>&nbsp;</td>
			<td><input type="radio" name="plec" value="Mezczyzna" onclick = 'wybierz()'>&nbsp;Mezczyzna<br>
				<input type="radio" name="plec" value="Kobieta" onclick = 'wybierz()'>&nbsp;Kobieta</td>
		</tr>
		<tr>
			<td>Jakie aktywności wykonujesz?</td>
			<td>&nbsp;</td>
			<td><input type="checkbox" name="bieganie" value = 'bieganie'>&nbsp;Bieganie<br>
				<input type="checkbox" name="silownia" value='silownia'>&nbsp;Siłownia<br>
				<input type="checkbox" name="sport" value='Trenuje jakis sport'>&nbsp;Trenuje jakiś sport<br>
				<input type="checkbox" name="rower" value='Jezdze na rowerze'>&nbsp;Jeżdżę na rowerze<br>
				<input type="checkbox" name="nic" value='Nie wykonuje aktywnosci fizycznych'>&nbsp;Nie wykonuje nic z powyższych<br>
		</tr>
		<tr>
			<td>Ile masz lat?</td>
			<td>&nbsp;</td>
			<td><select name="przedzialwiek">
				<option value="wybor0">Podaj swoj przedzial wiekowy</option>
				<option value="10-14" onclick = 'select()'>10-14</option>
				<option value="15-20" onclick = 'select()'>15-20</option>
				<option value="21-28" onclick = 'select()'>21-28</option>
				<option value="29+" onclick = 'select()'>29+</option>
			</select></td>
		</tr>
    <tr>
      <td>Wybierz swoj ulubiony kolor</td>
      <td>&nbsp;</td>
      <td><input type='color' name='kolor' value='#ffffff' id='kolor'>
    </tr>
    <tr>
      <td>Podaj nam swoj email!</td>
      <td>&nbsp;</td>
      <td><input type='email' name='email' value='' id='emai'>
    </tr>
    <tr>
      <td>Podaj swoj numer telefonu</td>
      <td>&nbsp;</td>
      <td><input type='tel' name='telefon' value='' id='telefon'>
    </tr>
    <tr>
      <td>Podaj swoja ulubiona liczbe</td>
      <td>&nbsp;</td>
      <td><input type='number' name='liczba' value='' id='liczba'>
    </tr>
    <tr>
      <td>Podaj dzisiejsza date</td>
      <td>&nbsp;</td>
      <td><input type='date' name='data' value='' id='data'>
    </tr>
		<tr>
			<td>Na koniec napisz swoj komentarz na temat ankiety</td>
			<td>&nbsp;</td>
			<td><textarea name="komentarz" rows="5" cols="50" id='komentarz'></textarea></td>
		</tr>
		<tr>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td><input type="submit" value="Wyslij formularz"></td>
		</tr>
		<tr>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td><input type="button" value="Zresetuj"></td>
		</tr>
	</table>
	</form>
<script>
    var users = new Array("user1");
    var passwords = new Array("pass1");
        function sprawdz_haslo(user, pass)
            {
                for(var i = 0; i < users.length; i++)
                {
                    if((user == users[i]) && (pass == passwords[i]))
                    return true;
                }
                return false;
            }
        function check()
            {
                var user = document.form1.user.value;
                var pass = document.form1.pass.value;

                if(!sprawdz_haslo(user, pass))
                {
                    alert('Niepoprawne haslo');
                }
                    else
                    {
                    document.location.href = "4.html";
                    }
            }
		function select()
		{
			var select1 = this.value;
		}
		function wybierz()
		{
			var plec = this.value;
		}
		var formularz = new Array();
			formularz[0] = document.getElementById('nazwisko').value;
			formularz[1] = plec;
			formularz[2] = ' ';
			formularz[3] = select1;
			formularz[4] = document.getElementById('kolor').value;
			formularz[5] = document.getElementById('email').value;
			formularz[6] = document.getElementById('telefon').value;
			formularz[7] = document.getElementById('liczba').value;
			formularz[8] = document.getElementById('data').value;
			formularz[8] = document.getElementById('komentarz').innerHTML;

</script>
</body>
</html>