Registration form with html...

Online Registration

Create an online registration form where user needs to enter the following details:

S.No

Label Name

Element Name

Description

Limitation/Constraints

1

User Name

username

The text "Enter User Name" should be displayed by default in the text box. When the user starts entering the name, this text should disappear

Is a mandatory field, should be validated. Should not allow any numbers and special characters other than space. Do not use java script, use HTML 5 features.

2

Password

password

To enter the password.

Is a mandatory field, should be validated. Minimum of 7 characters. Should have at least one special character and one number. Do not use java script, use HTML 5 features.

3

Address

address

To enter the address

Use textarea.

4

Country

country

An auto-complete feature should be available to the user for the following options.

India, America, China, Ireland

(Name of the auto-complete feature should be "countries")

Do not use combo boxes, rather it should be done using <input> element

5

Gender

gender

Select the gender.

Use radio button and it’s a mandatory field.

6

Languages Known

lang

Choose the languages known.

Use check box. Should have 3 checkboxes.

7

Submit

submit

Submit button should be an image.

 

9

Reset

reset

Button with Reset as label. On clicking this button, all fields should be reset

 

 

All the above fields are mandatory. When clicked on submit button, it should display "The form is submitted successfully" in success.html. The text should be in h4 tag.

Sample Webpage:



Note: Please Don't use short hand styles

Example: 

Set 1:

p{

margin: 100px 150px 100px 80px;

}

Set 2:

p {
    margin-top: 100px;
    margin-bottom: 100px;
    margin-right: 150px;
    margin-left: 80px;
}

Follow the set 2 solution 

Note:  Correctly specify the element name, as given in the requirement. All your html tags should be given in lower case.