Skip to content

Latest commit

 

History

History
42 lines (40 loc) · 1.57 KB

readme.md

File metadata and controls

42 lines (40 loc) · 1.57 KB

Frontend practice with html forms

  1. Replace <your_account> with your Github username in the links
  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 screenshot

  • 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