How to set the Empty Text

[Anup]

For the Application > Form Elements > Text type standard box how does one specify the empty text. This is the text that appears in a standard textbox when do data has been entered. See iOS Contacts application when adding a New Contact the First, Last, Company appear grayed in the first three boxes almost like a watermark. 

This improves the interface as it does not require us to set label text for each textbox and it looks closer to how the native iOS data entry forms work.

[Rudá Cunha]

+1

[Arturo]

I will do something like this 

HTML:

<input  type="text" id="firstName" class="watermark" />

CSS:

.watermark

{

    color: #D3D3D3;

}

  

.unwatermark

{

    color: Black;

}

Javascript:

$('#firstName').text('First Name');

$('#firstName').val('First Name');

$(document).delegate(".watermark", "focus", function (e) {

   if ($(this).val() == $(this).text()){

       $(this).val('');

       var cssClass = $(this).attr('class');

       $(this).attr('class', cssClass.replace("watermark", "unwatermark"));

   }

});

$(document).delegate(".unwatermark", "blur", function (e) {

    e.preventDefault();

    if ($(this).val() == '') {

       $(this).val($(this).text());

       var cssClass = $(this).attr('class');

       $(this).attr('class', cssClass.replace("unwatermark", "watermark"));

   }

});

[Arturo]

You can also do this:

<input id="firstName" type="text" value="" placeholder="First Name" autocomplete="off" />

The magic key is placeHolder