Stack Overflow like Watermarks in Forms

Posted by Kaushik Gopal on Stack Overflow See other posts from Stack Overflow or by Kaushik Gopal
Published on 2010-02-14T06:50:40Z Indexed on 2010/05/04 6:18 UTC
Read the original article Hit count: 259

Filed under:
|
|
|
|

Hey people,

I remember seeing a tutorial somewhere that talks of how to style your input forms in a more "usable" way.

Essentially, you have a placeholder value and when you enter the input, it hides the hint so to speak.

Now, just to be clear: I don't want the hint (placeholder value text) to disappear onFocus, but rather to go lighter when I first start typing something. Good e.gs:

  • Check out the forms on Aardvark http://vark.com/. This is exactly how I wish to have my input forms.

  • Our very own stackoverflow. When you try to ask a question, on clicking inside any input form, it doesn't hide the text right away. You see your cursor as well as the hint. but when you start to type, it hides the hint(I would prefer having it go to a much lighter shade rather than hiding all together, like above example).

I remember very clearly reading a tutorial somewhere on the interwebz with this exact requirement, but darn forgot to bookmark it.

Any suggestions/links?

© Stack Overflow or respective owner

Related posts about html

Related posts about form