layout_html-form/dist/index.html at 556e943485e08a9804b7dba752e9115336bb318b · mate-academy/layout_html-form · GitHub

1
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>HTML Form</title><link rel="stylesheet" href="style.1038547e.css"></head><body> <script type="text/javascript" src="main.5883b77c.js"></script> <form class="registerForm" action="https://mate-academy-form-lesson.herokuapp.com/create-application" method="post"> <fieldset class="fieldset"> <legend>Personal information</legend> <div class="field"> <label for="surname"> Surname: <input type="text" autocomplete="off" name="surname" id="surname"> </label> </div> <div class="field"> <label for="name"> Name: <input type="text" autocomplete="off" name="name" id="name"> </label> </div> <div class="field"> <label for="old"> How old are You? <input type="number" id="old" name="old" value="12" min="1" max="100"> </label> </div> <div class="field"> <label for="date"> Full date of birth: <input type="date" id="date" name="birth-date" placeholder="dd.mm.yyyy" min="1900-01-01" max="2023-04-30"> </label> </div> <div class="field"> <label for="accept-term"> I accept the term of the agreement <input type="checkbox" id="accept-term"> </label> </div> </fieldset> <fieldset class="fieldset"> <legend>Registration</legend> <div class="field"> <label for="user-email"> E-mail: <input type="email" id="user-email" placeholder="email@example.com"> </label> </div> <div class="field"> <label for="user-password"> Password: <input type="password" id="user-password" minlength="6"> </label> </div> </fieldset> <fieldset class="fieldset"> <legend>An interesting fact about you!</legend> <div class="field"> <label for="yes"> Do you love cats? <input type="radio" id="yes" name="love-cats" value="yes"> </label> <label for="yes">Yes</label> <input type="radio" id="no" name="love-cats" value="No"> <label for="no">No</label> </div> <div class="field"> <label for="color"> What is your favorite color? <input type="color" id="color"> </label> </div> <div class="field"> <label for="time"> What time do you go to bed? <input type="time" id="time" step="1"> </label> </div> <div class="field"> <label for="carBrand"> What are your favorite brand of cars? <select name="carBrand" id="carBrand" required multiple> <option value="bmw">BMW</option> <option value="audi">Audi</option> <option value="lada">Lada</option> <option disabled></option> </select> </label> </div> <div class="field"> <label for="workRate"> How do you rate our work? <input type="range" id="workRate"> </label> </div> </fieldset> <fieldset class="fieldset"> <legend>Additional info:</legend> <label class="field" for="comments"> Comments: <textarea id="comments"></textarea> </label> <div class="field"> <label> Would you recommend us? <select name="recommend" id="recommend"> <option value="yes">yes</option> <option value="no">no</option> </select> </label> </div> </fieldset> <button type="submit">Submit</button> </form> </body></html>