Skip to content

praetorianlive/layout_html-form

 
 

Repository files navigation

HTML form

Replace <your_account> with your Github username and copy the links to Pull Request description:

Follow this instructions


❗️❗️❗️ Check your code with the CHECKLIST before ❗️❗️❗️

The task:

Create HTML page with form. On form submit send form data to https://mate-academy-form-lesson.herokuapp.com/create-application

screenshot

Notes

  • Every field should have name attribute
  • Every field should have label, which focuses input on label click
  • Do not use tabs for indentation. Instead use 2 spaces
  • Most of the time you want each tag in new line
  • Form should have different inputs with such types:
    • text
    • number
    • email
    • checkbox
    • radio
    • password
    • range
    • time
    • color
    • date
  • Form should have textarea and select elements.
  • You should use each of this attribute at least once
    • required
    • min
    • max
    • minlength
    • maxlength
    • multiple
  • Age should be at least 1 and at max 100 with a default value of 12
  • The email field should have placeholder value: email@example.com.
  • Text fields should have autocomplete="off".
  • Submit button should have a type="submit"
  • Vertical distance between inputs should be 10px
  • Vertical distance between groups should be 20px
  • Any other styles should be browser default

--> Don't forget to proofread your code using CHECKLIST

Tips & Hints

  1. You can group fields with fieldset tag
  2. The form should have correct method and action
  3. Follow the code style guide

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 79.1%
  • HTML 20.0%
  • CSS 0.9%