Comments on: Mask Your Input Forms and Make It Beauty

By: Mask Your Input Forms and Make It Beauty – Webstuffshare – Learn and share. The simplest harmony. « AMIT SONI

Wed, 01 Feb 2012 11:01:10 +0000

[...] Mask Your Input Forms and Make It Beauty – Webstuffshare – Learn and share. The simplest harmony…. Rate this: Share this:TwitterFacebookLinkedInStumbleUponEmailLike this:LikeBe the first to like this post. [...]

By: Tjerja

Tjerja — Sat, 04 Dec 2010 07:35:38 +0000

Thanks a lot for the share. Great help!

By: CrypticVPS

CrypticVPS — Thu, 09 Sep 2010 03:10:21 +0000

WOw this is really cool. I might implement it on my site if I get to figure out how.

By: Hidayat Sagita

Hidayat Sagita — Sat, 22 May 2010 03:19:39 +0000

@Jim : I see, if the value has exists (pre-populated from the server for example) you can make it auto focus :

if($(‘.username-sliding’).val() != “”) {
$(‘.username-sliding’).focus();
}

By: Jim

Jim — Fri, 21 May 2010 19:03:28 +0000

Where in your code does it actually detect the existence of a value in the input field that is pre-populated from the server?

By: Jim

Jim — Fri, 21 May 2010 17:30:47 +0000

Hi Hidayat,
I can’t give you a like as it’s on an intranet. However, you can seen an example here:

http://i45.tinypic.com/27y6c7d.png

The Grey text that reads “Label Name” is the label, and the “xxx” text is the value of the input field.

By: Hidayat Sagita

Hidayat Sagita — Fri, 21 May 2010 04:28:55 +0000

@Jim : What’s the problem, can you put the link or problem description?

By: Jim

Jim — Fri, 21 May 2010 02:07:22 +0000

@Hidayat : I tried it with example 3 but it didn’t work.

By: Hidayat Sagita

Hidayat Sagita — Sat, 08 May 2010 04:23:57 +0000

@Jim : Yes of course, except for the example #3 (Sliding), the labels will positioned on the right side of the input.

By: Jim

Jim — Sat, 08 May 2010 00:32:52 +0000

Are the lables hidden when there INPUT field had a value?