Witaj na witrynie poświeconej kursom z informatyki w LO Nisko w ramach projektu "Nisko coraz wyżej"

Formularz w HTML 5

 ===== Oto przykładowe rodzaje pól w formularzach =========





















 

============== a tutaj kod ==============

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Formularz w HTML 5</title>
</head>
<body>
<form>
<label>Imię: <input type="text" name="imie" placeholder="Podaj swoje imię" required /></label><br />
<label>Adres www: <input type="url" name="url" placeholder="Podaj adres www" /></label><br />
<label>Adres email: <input type="email" name="email" placeholder="Podaj email" /></label><br />
<label>Telefon (np. 601-100-200): <input type="tel" name="telefon" placeholder="Podaj numer telefonu" pattern="[0-9]{3}-[0-9]{3}-[0-9]{3}" title="Format: 601-100-200"/></label><br />
<label>Nr mieszkania: <input type="number" name="nr_mieszkania" placeholder="Podaj numer mieszkania" min="1" maxlength="2" /></label><br />
<label>Płeć:
<input type="text" name="plec" placeholder="Wybierz płeć" list="plcie" autocomplete="on" /></label>
<datalist id="plcie">
<option value="K" label="kobieta"></option>
<option value="M" label="mężczyzna"></option>
</datalist>
<br />
<label>Kolor:
<input type="text" name="kolor" placeholder="Wybierz ulubione kolory" multiple list="kolory" /></label>
<datalist id="kolory">
<option value="bialy" label="biały"></option>
<option value="niebieski" label="niebieski"></option>
<option value="czerwony" label="czerwony"></option>
<option value="zielony" label="zielony"></option>
</datalist>
<br /><br /><br />
<label for="urodziny">Data urodzenia (1890 - 2000): </label><input name="urodziny" type="date" min="1890-01-01" max="1999-12-31" title="Z przedziału 1890 - 2000" /><br />
<label for="czas">Aktualny czas: </label><input type="time" name="czas" min="08:00" /><br />
<label for="miesiac">Miesiąc: </label><input type="month" name="miesiac" /><br />
<label for="tydzien">Tydzień: </label><input type="week" name="tydzien" /><br />
<label for="datetime">Data i czas: </label><input type="datetime" name="datetime" style="width: 30%;" /><br />
<label for="datetime_local">Data i czas (lokalny): </label><input type="datetime-local" name="datetime_local" style="width: 30%;" />
<br /><br /><br />
<label>Suwak (0, 5, 10, 15, ...,100): <input type="range" name="opacity" min="0" max="100" step="5" /></label><br />
<label>Szukaj: <input type="search" name="szukaj" placeholder="Wpisz szukaną frazę..." autofocus /></label><br />
<input type="submit" name="submit" value="Wyślij" />
<input type="submit" formnovalidate name="Anuluj" value="Anuluj" />
</form>


</body>
</html>

Statystyki witryny

  • OS Linux s
  • PHP 8.1.27
  • MySQLi 10.6.17-MariaDB-cll-lve
  • Czas 19:00
  • Pamięć podręczna Wyłączono
  • Gzip Wyłączono
  • Użytkowników 2
  • Artykuły 70
  • Odsłon artykułów 2220