https://github.com/yog9/registration-form

Registration form is a responsive form made using a variety of HTML form input types and attributes.
https://github.com/yog9/registration-form

html-form html5-validation

Last synced: 10 months ago
JSON representation

Registration form is a responsive form made using a variety of HTML form input types and attributes.

• Host: GitHub
• URL: https://github.com/yog9/registration-form
• Owner: Yog9
• Created: 2018-07-16T15:08:24.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2019-07-01T04:00:41.000Z (almost 7 years ago)
• Last Synced: 2025-01-09T11:58:20.299Z (over 1 year ago)
• Topics: html-form, html5-validation
• Language: CSS
• Homepage: https://yog9.github.io/Registration-Form/
• Size: 7.06 MB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Registration Form

[Demo Registration Form Here](https://yog9.github.io/Registration-Form/)

![](project-demo.gif)

### Summary

 Registration form  is a responsive form made using a variety of HTML form input types and attributes. 

 

 The form was enhanced using HTML5 validation properties to make sure required fields are filled out.

### Motivation

The purpose of this project was to understand more about HTML5 form elements , responsive design along with CSS Transitions and Transforms.

### Getting Started

 Click the demo link or clone/download the repository on your local machine and open the index.html file with a browser.

 

 Fill your details in the form and click the signup button.

 

 ### Built With

* HTML5

* CSS3

### Features

**1. Responsive Design**

Mobile View                |  Desktop View

:-------------------------:|:-------------------------:

![](mobile-view.jpg)       | ![](desktop-view.jpg)

**2. HTML5 Validation**

![](html5-validation.gif)

### Coming Soon 

- [ ] Submitting the form using  a server side language to process the user's input.

- [ ] Using JavaScript to enhance and make the form more user-friendly by providing helpful error messages when the user enters 

      invalid information into the form fields.

- [ ] Providing a real-time validation error message.i.e rather than providing an error message on submitting the form ,the           form will check for errors and display messages as the user begins typing inside a text field.