Create a signup form with default values for text fields without using the placeholder tag using html, css and javascript

Here is a simple way to generate a web form which has default values loaded into the text fields without actually using a placeholder tag. A placeholder tag is only supported by few browsers. This form uses javascript to achieve the same functionality and works with all browsers having javascript enabled.

This is how the signup form behaves in action.

Demo

New user? Sign up below...
Female Male

Given below is the code to create the above signup form, without using placeholder tag.

HTML

CSS

JavaScript

Posted on Monday, September 15, 2014 with No comments