Skip to content

danylo-onishchuk/layout_html-form

 
 

Repository files navigation

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

Tips

  • You can group different input sections with fieldset tag

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 80.9%
  • HTML 19.1%