HTML5 - hidden fields displayed dynamically

All the fields below are HTML 5 fields. Part of them is not supported yet by some browsers.

Element addressing - inputs have only name attribute

Personal Details First Name ( placeholder, autofocus ):
Last Name (default value cleared by JS):
Date of Birth:
Email:

Website Field URL:
Recommended Browser

Address details Phone:
Country:
Street ( autocomplete ON ):
Street ( autocomplete OFF ):
Field number (1-500)

Choose Options Choose fruit:
Choose color:

Field range: 0

Hidden and disabled fields Hidden field:
disabled field
readonly field
I agree with Terms and conditions

Show hidden fields Confirm your account
By Email
By Sms

Second Form - Login

Element Addressing - Inputs have ID element

If you are already registered please login using the form above.

Remember me
Clickable Div

Suspendisse egestas fringilla odio. Donec lacinia tristique ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam blandit ultricies nisl. Nullam dapibus, mauris id scelerisque feugiat, sapien augue porta ipsum, ut blandit tellus enim vel mauris.
Clickable Image
Simple text paragraph with links

Suspendisse egestas fringilla odio. Donec lacinia tristique ante. Click Here to Contact Us Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam blandit ultricies nisl. Nullam dapibus, mauris id scelerisque feugiat, sapien augue porta ipsum, ut blandit tellus enim vel mauris.
Regular Image
Simple text paragraph with links

Suspendisse egestas fringilla odio. Donec lacinia tristique ante. Click Here to Contact Us Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam blandit ultricies nisl. Nullam dapibus, mauris id scelerisque feugiat, sapien augue porta ipsum, ut blandit tellus enim vel mauris.