atteroot / layout_html-form

Frontend practice with html forms

1. Replace <your_account> with your Github username in the links
   • DEMO LINK
     
   • TEST REPORT LINK
2. Follow this instructions

---

The task:

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

• Every field should have name attribute
• Every field should have label, which focuses input on label click
• Do not use tabs. Use 2 spaces for indentation
• 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 every of this attribute at least one time
  • required
  • min
  • max
  • minlength
  • maxlength
  • multiple
• The number field should have default value: 12.
• The email field should have placeholder value: [email protected].
• The text fields should have disabled autocomplete.
• Add a button which submits the form.
• Add onsubmit="onSubmit()" attribute to show form value on form submit
• Vertical distance between inputs should be 10px
• Vertical distance between blocks with inputs should be 20px
• Any other styles should be browser default