form2css
Data utworzenia: 21-10-2024 10:29:43
<!DOCTYPE html> <html lang="pl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Formularz bezfunkcyjny</title> </head> <body> <!-- get - jawny link, widać --> <!-- post - post nie jest jawny tylko skrócony, nie ma informacji co zostało wpisane w formularzu --> <!-- action - co z tym formularzem sie stanie, czy bedziemy klikac (do php) --> <form action="" method="get"> <!-- Imie<input type="text"> lub --> <!-- <label for="imie">Imię </label> <input id="imie" type="text"> --> <div style="text-align: center; margin-top: 50px;"> <font size="25" color="blue">Wprowadź dane</font><br><br> <div style="display: flex; justify-content: center;"> <div style="margin-right: 50px;"> <label>Imię <input type="text"> </label><br><br> <label>Nazwisko: <input type="text"> </label><br><br> </div> <div> <label for="wiek">Wiek</label> <input type="number" id="wiek"><br><br> <label for="haslo">Hasło: </label> <input type="password" id="haslo"><br> </div> </div> </div> <!-- Pod będzie --> <!-- p>input:date --> <!-- <p><input type="date" name="" id=""></p> --> <div style="text-align: center"> <div style="display: flex; justify-content: center;"> <div style="margin-right: 50px;"> <p>Data urodzenia <input type="date" name="" id=""></p> </div> <div> <p>Adres email <input type="email" name="" id=""></p> </div> </div> </div> <!-- Checkboxy --> <div style="text-align: center; margin-top: 50px;"> <font size="25" color="blue">Zaznacz wszystkie swoje zainteresowania z listy</font><br><br> <div style="display: flex; justify-content: center; align-items: flex-start;"> <div style="margin-right: 50px; text-align: left;"> <input type="checkbox" name="" id=""> <label for="">Wciąż woda</label><br><br> <input type="checkbox" name="" id=""> <label for="">sigma</label><br><br> <input type="checkbox" name="" id=""> <label for="">bałkański wzrok</label> </div> <div style="text-align: left;"> <input type="checkbox" name="" id=""> <label for="">angielski</label><br><br> <input type="checkbox" name="" id=""> <label for="">polski</label> </div> </div> </div> <!-- płeć --> <div style="text-align: center; margin-top: 50px;"> <font size="25" color="blue">Wybierz swoją płeć</font><br><br> <div style="display: flex; justify-content: center;"> <div style="margin-right: 50px;"> <label for="K">Kobieta</label> <input type="radio" name="plec" id="K"> </div> <div> <label for="M">Mężczyzna</label> <input type="radio" name="plec" id="M"> </div> </div> </div> <div style="text-align: center; margin-top: 50px;"> <font size="25" color="blue">Wybierz swój ulubiony kolor</font><br><br> <div style="display: flex; justify-content: center;"> <div style="margin-right: 50px;"> <p style="color: red; font-size: 30px">Wybierz kolor</p> </div> <div style="margin-top: 12px"> <input type="color" name="" id=""> </div> </div> </div> <div align="center" style="display: center; gap: 10px; padding: 10px; border: 1px solid #ccc; border-radius: 5px;"> <input type="button" value="Wyślij"> <input type="reset" value="Zresetuj"> <input type="file" value="Prześlij plik"> <input type="submit" value="Wyślij zapytanie"> </div><br> <!-- filmy --> <center><video width="1000" height="800" controls> <source src="jonkler.mp4" type="video/mp4"> Twoja przeglądarka nie jest poważna </video></center><br><br> <!-- mp3 głosówka --> <center><audio controls> <source src="jonkler.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio></center> <iframe width="560" height="315" src="https://www.youtube.com/embed/bLr4oQxwTXQ?si=RipD7c-Gmu74A-ho" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> <br><br><br><br> <p>Płeć</p> <label for="K">Kobieta</label> <input type="radio" name="plec" id="K"> <label for="M">Mężczyzna</label> <input type="radio" name="plec" id="M"> <p>Ulubiony kolor</p> <input type="color" name="" id=""> <input type="button" value="Wyślij"> <input type="reset" value="Zresetuj"> <input type="file" value="Prześlij plik"> <input type="submit" value="Wyślij zapytanie"> <input type="image" src="zdjecie.jpg" alt="zdjecie"> </form> </body> </html>