add test solution #800
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,17 +1,245 @@ | ||
| <!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.css"> | ||
| </head> | ||
|
|
||
| <body> | ||
| <form | ||
| action="https://mate-academy-form-lesson.herokuapp.com/create-application" | ||
| method="post" | ||
| name="personalInformation" | ||
| > | ||
| <fieldset class="form-fieldset"> | ||
| <legend>Personal information</legend> | ||
| <div class="form-field"> | ||
| <label for="surname"> | ||
| Surname: | ||
|
|
||
| <input | ||
| type="text" | ||
| autocomplete="off" | ||
| id="surname" | ||
| name="surname" | ||
| > | ||
|
|
||
| </label> | ||
| </div> | ||
| <div class="form-field"> | ||
| <label for="name"> | ||
| Name: | ||
|
|
||
| <input | ||
| type="text" | ||
| autocomplete="off" | ||
| id="name" | ||
| name="name" | ||
| > | ||
|
|
||
| </label> | ||
| </div> | ||
| <div class="form-field"> | ||
| <label for="age"> | ||
| How old are You? | ||
|
|
||
| <input | ||
| type="number" | ||
| id="age" | ||
| min="1" | ||
| max="100" | ||
| value="12" | ||
| name="age" | ||
| > | ||
|
|
||
| </label> | ||
| </div> | ||
| <div class="form-field"> | ||
| <label for="date"> | ||
| Full date of birth: | ||
|
|
||
| <input | ||
| type="date" | ||
| id="date" | ||
| name="date" | ||
| > | ||
|
|
||
| </label> | ||
| </div> | ||
| <div class="form-field"> | ||
| <label for="agreement"> | ||
| I accept the term of the agreement | ||
|
|
||
| <input | ||
| type="checkbox" | ||
| name="agreement" | ||
| id="agreement" | ||
| required | ||
| > | ||
|
|
||
| </label> | ||
| </div> | ||
| </fieldset> | ||
| <fieldset class="form-fieldset"> | ||
| <legend>Registration</legend> | ||
| <div class="form-field"> | ||
| <label for="email"> | ||
| E-mail: | ||
|
|
||
| <input | ||
| type="email" | ||
| name="email" | ||
| id="email" | ||
| placeholder="[email protected]" | ||
| > | ||
|
|
||
| </label> | ||
| </div> | ||
| <div class="form-field"> | ||
| <label for="password"> | ||
| Password: | ||
|
|
||
| <input | ||
| type="password" | ||
| name="password" | ||
| id="password" | ||
| minlength="6" | ||
| maxlength="15" | ||
| > | ||
|
|
||
| </label> | ||
| </div> | ||
| </fieldset> | ||
| <fieldset class="form-fieldset"> | ||
| <legend>An interesting fact about you!</legend> | ||
| <div class="form-field"> | ||
| <label for="cats"> | ||
| Do you love cats? | ||
|
|
||
| <input | ||
| type="radio" | ||
| name="cats" | ||
| id="catsYes" | ||
| > | ||
| Yes | ||
|
|
||
| <input | ||
| type="radio" | ||
| name="cats" | ||
| id="catsNo" | ||
| > | ||
| No | ||
|
|
||
| </label> | ||
| </div> | ||
| <div class="form-field"> | ||
| <label for="color"> | ||
| What is your favorite color? | ||
|
|
||
| <input | ||
| type="color" | ||
| name="color" | ||
| id="color" | ||
| > | ||
|
|
||
| </label> | ||
| </div> | ||
| <div class="form-field"> | ||
| <label for="sleep"> | ||
| What time do you go to bed? | ||
|
|
||
| <input | ||
| type="time" | ||
| name="sleep" | ||
| id="sleep" | ||
| > | ||
|
|
||
| </label> | ||
| </div> | ||
| <div class="form-field"> | ||
| <label for="cars"> | ||
| What are your favorite brand of cars? | ||
|
|
||
| <select | ||
|
There was a problem hiding this comment. Fix formating for this select tag, add indentations |
||
| name="cars" | ||
| id="cars" | ||
| multiple> | ||
| <option value="bmw">BMW</option> | ||
| <option value="audi">Audi</option> | ||
| <option value="lada">Lada</option> | ||
| </select> | ||
|
|
||
| </label> | ||
| </div> | ||
| <div class="form-field"> | ||
| <label for="rating"> | ||
| How do you rate our work? | ||
|
|
||
| <input | ||
| type="range" | ||
| name="rating" | ||
| id="rating" | ||
| value="0" | ||
| > | ||
|
|
||
| </label> | ||
| </div> | ||
| </fieldset> | ||
| <fieldset class="form-fieldset"> | ||
| <legend>Additional info:</legend> | ||
| <div class="form-field"> | ||
| <label for="comments"> | ||
| Comments: | ||
|
|
||
| <textarea | ||
| name="comments" | ||
| autocomplete="off" | ||
| id="comments" | ||
| cols="20" | ||
| rows="2" | ||
| ></textarea> | ||
|
|
||
| </label> | ||
| </div> | ||
| <div class="form-field"> | ||
| <label for="recomendation"> | ||
| Would you recomend us? | ||
|
|
||
| <select | ||
| name="recomendation" | ||
| id="recomendation"> | ||
| <option value="yes">Yes</option> | ||
| <option value="no">No</option> | ||
| </select> | ||
|
|
||
| </label> | ||
| </div> | ||
| </fieldset> | ||
| <div class="form-field"> | ||
| <label for="submit"> | ||
|
|
||
| <input | ||
| id="submit" | ||
| type="submit" | ||
| value="Submit" | ||
| > | ||
|
|
||
|
|
||
| </label> | ||
| </div> | ||
| </form> | ||
| <script type="text/javascript" src="./main.js"></script> | ||
| </body> | ||
| </html> | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1,12 @@ | ||
| /* styles go here */ | ||
| .form-field { | ||
| margin-bottom: 10px; | ||
| } | ||
|
|
||
| .form-field:last-child { | ||
| margin-bottom: 0; | ||
| } | ||
|
|
||
| .form-fieldset { | ||
| margin-bottom: 20px; | ||
| } |
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Please fix the formatting of the code. You have to use the correct code indentations.
Look Dorota's mentions before and apply it in the whole code :)