Skip to content

EleniMG/SignUpForm

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 

Repository files navigation

SignUpForm

Instructions:

  1. Open Sign Up Form
  2. Fill in your details
  3. Click the link to make sure, again, and again... and again
  4. Submit!

What I have used:

  • HTML
  • CSS Flexbox and Grid
  • Inline JavaScript

What I have learned:

  • Using dynamic and user action pseudo-classes
  • Using transform and keyframes
  • Media Queries
  • Form input elements
  • Form validation and pattern validation using Regex
  • Inserting custom fonts
  • Randomisation
  • Making the page accessible using "*" for required fields

Improvements to be made:

  • Adding an error message if all the required fields are incomplete
  • If emails do not match, recheck the emails when user tries to resubmit the form
  • Media query for smaller computer screens