As you can see, I have set the title of each field as the value. This approach seems to reduce the clutter of a typical form, however- it raises one important challenge. The value must be highlighted and deleted when the user goes to type something in.
The functionality I'm looking for clears the value when a person clicks OR TABS in to the input field. It is also important that the value never be empty because my values title each field and without that reminder, who knows what the user might do.
I've done my best to start simple. Google has pointed me in the following direction:
This is a great, clean and simple solution.. to the first of three problems. All this code does is remove the value. When the field loses focus it remains empty. Further to that, once the value is cleared even refreshing my browser doesn't return the titles.
This functionality seems so practical in theory. Please send me any ideas you have!