<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<style>
input, textarea, select {
background-color: rgba(205, 27, 63, 0.13);
color: #bdc1c6;
border-color: rgb(7, 42, 205);
}
</style>
<title>Formularze Zastępstwo</title>
</head>
<body>
<!-- <form action="login.php" method="get"> -->
<form method="get">
<h3>Pola</h3><hr>
Nazwisko (max 15 znaków):<input type=text maxlength=15 name=nazwisko required><br>
<label>Imię:</label><input type="text" maxlength="10" placeholder="Ola" autocomplete="off" autofocus><br>
Pole z zmienną wielkością:<textarea>Ala ma kota</textarea><br>
Ukryty:<input type=hidden name=wyslano><br>
<h3>Lista</h3>
<hr>
Rozwijalna lista wyboru:<select>
<option>a</option>
<option>b</option>
</select><br>
Rozwinięta lista wyboru:<select multiple>
<option>a</option>
<option>b</option>
</select><br>
Wybór numeru (od 1 do 100 z przeklikaniem 5 z koleji):<input type="number" min="1" max="100" step="5"><br>
Zwijalna lista z wpisywaniem: <label>Województwo: </label>
<input type="text" list="wojewodztwa">
<datalist id="wojewodztwa">
<option value="dolnośląskie">
<option value="kujawsko-pomorskie">
<option value="lubelskie">
<option value="lubuskie">
<option value="łódzkie">
<option value="małopolskie">
<option value="mazowieckie">
<option value="opolskie">
<option value="podkarpackie">
<option value="podlaskie">
<option value="pomorskie">
<option value="śląskie">
<option value="świętokrzyskie">
<option value="warmińsko-mazurskie">
<option value="wielkopolskie">
<option value="Zachodniopomorskie">
</datalist><br>
<h3>Media</h3>
<hr>
E-Mail:<input type="email"><br>
Link:<input type="url"><br>
Telefon (numeryczna klawiatura dotykowa):<input type="tel"><br>
<h3>Czas</h3><hr>
Data:<input type="date"><br>
Czas:<input type="time"><br>
Data i czas z UTC:<input type="datetime"><br>
Data i czas:<input type="datetime-local"><br>
Tydzień:<input type="week"><br>
Miesiąc:<input type="month"><br>
Wyszukiwanie (może wyświetlić kosz do czyszczenia tekstu wpisanego i zmienić z entera na wyszukiwanie przy klawiaturach ekranowych):<input type="search"><br>
Wynór koloru<input type="color"><br>
Suwak<input type="range"><br>
<h3>Patterny</h3>
<hr>
Kod pocztowy <input type="text" pattern="^\d{2}-\d{3}$" placeholder="00-000"><br>
Numer NIP <input type="text" pattern="^((\d{3}[-]\d{3}[-]\d{2}[-]\d{2})|(\d{3}[-]\d{2}[-]\d{2}[-]\d{3}))$"><br>
Adres IP <input type="text" pattern="^\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}$"><br>
<!-- Numer karty kredytowej - <input type="text" pattern="^(?:4[0-9]{12}(?:[0-9]{3})?| 5[1-5][0-9]{14}|3[47][0-9]{13}]3(7:0[0-5]|[63][0-9][0-9](11)|6(7:011"> -->
<h3>Przycisk</h3><hr>
Przycisk wielokrotnego wyboru:<input type="checkbox"><br>
Przycisk jednego wyboru:<input type="radio"><br>
Wybór plików:<input type="file"><br>
Przycisk wysłania do pliku podanego w form:<input type="submit" value="Wyślij"><br>
Czysczenie wszystkich przysików:<input type="reset" value="Czyść"><br>
</div>
</div>
</form>
</body>
</html>