Comments on: WAI / XHTML Valid Input Fields Watermark

By: Mettre le libellé des champs dans les champs avec Prototype | accolade.ch

Mettre le libellé des champs dans les champs avec Prototype | accolade.ch — Mon, 17 Nov 2008 18:31:30 +0000

[...] ont déjà traités de l’aspect validation/accessibilité de cette méthode comme par exemple ici ou ici. Je ne vais pas revenir sur ces aspects mais plutôt sur les solutions Javascript à notre [...]

By: ariel

ariel — Wed, 07 May 2008 14:29:52 +0000

Thanks a lot for sharing this script! Is very nice and simple. Here is an enhacement to make the watermark text gray:

add 2 vars:
var watermarkColor = ‘gray’;
var normalColor = ‘black’;

add new event in inputWatermark():
addEvent(cur, “keypress”, onTextChange);

add this new function:
function onTextChange() {
var inpname = this.id ? this.id: this.name;
if (this.value == ”) {
this.style.color = normalColor;
}
}

in onBlurHandler(), inside the if:
this.style.color = watermarkColor;

By: Daniel

Daniel — Mon, 26 Nov 2007 09:22:18 +0000

I couldn’t understand some parts of this article HTML Valid Input Fields Watermark | Peter Velichkov’s Blog, but I guess I just need to check some more resources regarding this, because it sounds interesting.

By: admin

admin — Tue, 23 Oct 2007 19:07:52 +0000

yes - you can make your form to check if the values are the default on submit

or even better to disable the submit button until entered different values

By: Mark

Mark — Tue, 23 Oct 2007 16:12:45 +0000

I’m having an issue with this code, as it is writing the watermark values to the database if the user does not override with their own entry. Is there any way to prevent this behavior?

By: admin

admin — Sun, 07 Oct 2007 19:31:57 +0000

Cheers

By: Wahoo

Wahoo — Sat, 06 Oct 2007 01:52:22 +0000

Thank you for sharing!

By: Cash Advance

Cash Advance — Fri, 14 Sep 2007 17:15:53 +0000

Wonderful blog post covering WAI / XHTML Valid Input Fields Watermark. Always enjoy your view.