Ayuda: Cómo crear "hints" en los campos de un formulario

hola muy buenas, soy nuevo en el foro y este es mi primer mensaje, llevo desde primeros de agosto visitando la página de jorgens sin tener absolutamente NINGÚN conocimiento de html, css, php, MySQL, javascript ni nada

y la verdad es que la página está pero que MUY BIEN porque he conseguido crear una web yo solito!! (bueno con ayuda vuestra, jejejeje)

El caso es que es una página para una empresa, y tengo hecho un formulario de envío para que los clientes puedan pedir presupuestos personalizados a través del mail. lo he hecho con el curso php (y gracias a los hilos de este foro) y funciona de maravilla.

el caso es que cuando lo estaba haciendo entré en el foro a buscar ayuda y he visto que un forero colgó un enlace a una página llamada jotform.com en la que creas un formulario muy facilmente, pero el problema es que el código que te dan tiene un enlace a SU página, a un archivo javascript, y claro, estás a merced de que su página funcione bien para que tu formulario funcione...

bueno, ya está bien de tanto rollo, mi petición es:

en esa misma página, se pueden añadir unos scripts que ellos llaman "hints", es decir, que en cada campo aparezca un valor predefinido, pero en letra gris, más clarita, y en cuanto pinchas en el campo para escribir, este "hint" desaparece, sin tener que borrarlo como cuando añades un "value" en la etiqueta "input" (ya hablo como un profesional gracias a jorgens).

¿Álguien sabe como crear un script para eso, y en caso afirmativo copiarmelo?

Os doy las gracias por adelantado, porque aunque no podáis ayudarme con esto ya lo habéis hecho antes, con los otros hilos de ayuda, jejeje.


EDITO:

Acabo de darme cuenta, de que si copio el src de la etiqueta del script que ellos te dan, accedo al archivo con el código que utilizan...

dejo el link, por si alguien quiere echarle un vistazo: http://cdn.jotfor.ms/jotform.jgz?3.1.112

(si no se pueden colgar links de este tipo avisadme o que lo borren los mods directamente)


EDITO2:
siento editar tanto, pero creo que es mejor que deje todo el script del formulario para que os entereis mejor, por si acaso

<script src="http://max.jotfor.ms/min/g=jotform&3.1.112" type="text/javascript"></script>
<script type="text/javascript">
   JotForm.init(function(){
      $('input_10').hint('Ej: José \"el panadero\" Ramirez');
      JotForm.description('input_10', 'Escriba el nombre con el que le contactaremos');
      $('input_3').hint('Lugar donde quiere el trabajo');
      JotForm.description('input_3', 'Lugar donde se realizará el trabajo');
      $('input_4').hint(' Ej: 600891356');
      JotForm.description('input_4', 'Es necesario un número de contacto para contestarle lo antes posible');
      $('input_9').hint('ej: [email][correo eliminado][/email]');
      JotForm.description('input_9', 'Escriba una dirección de contacto válida');
      $('input_5').hint('Ej: Quisiera un piscina gunitada de 5x8 con spa. preguntar por pepe en la panaderia de la esquina.');
      JotForm.initCaptcha('input_11');
      $('input_11').hint('Escriba el texto anterior');
      JotForm.alterTexts({"alphabetic":"This field can only contain letters","alphanumeric":"This field can only contain letters and numbers.","confirmClearForm":"Are you sure you want to clear the form","email":"Introduzca un email válido\nEj: [email][correo eliminado][/email]","incompleteFields":"Hay campos incompletos, por favor, rellénelos","lessThan":"Your score should be less than","numeric":"Este campo sólo puede contener números","pleaseWait":"por favor, espere","required":"Este campo es obligatorio","uploadExtensions":"You can only upload following files:","uploadFilesize":"File size cannot be bigger than:"});
   });
</script>
<link href="http://max.jotfor.ms/min/g=formCss&3.1.112" rel="stylesheet" type="text/css" />
<style type="text/css">
    .form-label{
        width:150px !important;
    }
    .form-label-left{
        width:150px !important;
    }
    .form-line{
        padding:8px;
    }
    .form-label-right{
        width:150px !important;
    }
    .form-all{
        width:650px;
        color:#000000 !important;
        font-family:Arial;
        font-size:15px;
    }
</style>

<form class="jotform-form" action="http://www.jotform.com/submit.php" method="post" name="form_12343325249" id="12343325249" accept-charset="utf-8">
    <input type="hidden" name="formID" value="12343325249" />
    <div class="form-all">
        <ul class="form-section">
            <li class="form-line" id="id_10">
                <label class="form-label-left" id="label_10" for="input_10">
                    Nombre<span class="form-required">*</span>
                </label>
                <div id="cid_10" class="form-input">
                    <input type="text" class="form-textbox validate[required]" id="input_10" name="q10_hagaClic" size="30" maxlength="50" />
                </div>
            </li>
            <li class="form-line" id="id_3">
                <label class="form-label-left" id="label_3" for="input_3">
                    Localidad<span class="form-required">*</span>
                </label>
                <div id="cid_3" class="form-input">
                    <input type="text" class="form-textbox validate[required]" id="input_3" name="q3_localidad" size="30" />
                </div>
            </li>
            <li class="form-line" id="id_4">
                <label class="form-label-left" id="label_4" for="input_4">
                    Número de Teléfono<span class="form-required">*</span>
                </label>
                <div id="cid_4" class="form-input">
                    <input type="text" class="form-textbox validate[required, Numeric]" id="input_4" name="q4_numeroDe4" size="30" maxlength="9" />
                </div>
            </li>
            <li class="form-line" id="id_9">
                <label class="form-label-left" id="label_9" for="input_9">
                    E-mail<span class="form-required">*</span>
                </label>
                <div id="cid_9" class="form-input">
                    <input type="email" class="form-textbox validate[required, Email]" id="input_9" name="q9_email9" size="30" maxlength="50" />
                </div>
            </li>
            <li class="form-line" id="id_6">
                <label class="form-label-left" id="label_6" for="input_6"> ¿Cómo nos conoció? </label>
                <div id="cid_6" class="form-input">
                    <select class="form-dropdown" style="width:150px" id="input_6" name="q6_comoNos6">
                        <option>  </option>
                        <option value="Por un amigo "> Por un amigo </option>
                        <option value=" Por Google"> Por Google </option>
                        <option value=" Anuncio de Radio "> Anuncio de Radio </option>
                        <option value=" Anuncio de Televisión"> Anuncio de Televisión </option>
                        <option value=" Anuncio en una revista"> Anuncio en una revista </option>
                        <option value=" Pancarta en conciertos"> Pancarta en conciertos </option>
                        <option value=" Cartel de Promoción"> Cartel de Promoción </option>
                    </select>
                </div>
            </li>
            <li class="form-line" id="id_5">
                <label class="form-label-left" id="label_5" for="input_5">
                    Descripción del trabajo<span class="form-required">*</span>
                </label>
                <div id="cid_5" class="form-input">
                    <textarea id="input_5" class="form-textarea validate[required]" name="q5_descripcionDel" cols="50" rows="7"></textarea>
                </div>
            </li>
            <li class="form-line" id="id_11">
                <label class="form-label-left" id="label_11" for="input_11">
                    Escriba las siguientes letras<span class="form-required">*</span>
                </label>
                <div id="cid_11" class="form-input">
                    <div class="form-captcha">
                        <label for="input_11"> <img alt="Captcha - Reload if it's not displayed" id="input_11_captcha" class="form-captcha-image" style="background:url([url]http://www.jotform.com/images/loader-big.gif[/url]) no-repeat center;" src="http://www.jotform.com/images/blank.gif" width="150" height="41" /> </label>
                        <div style="white-space:nowrap;">
                            <input type="text" id="input_11" name="captcha" style="width:130px;" />
                            <img src="http://www.jotform.com/images/reload.png" alt="Reload" align="absmiddle" style="cursor:pointer" onclick="JotForm.reloadCaptcha('input_11');" />
                            <input type="hidden" name="captcha_id" id="input_11_captcha_id" value="0">
                        </div>
                    </div>
                </div>
            </li>
            <li class="form-line" id="id_7">
                <div id="cid_7" class="form-input-wide">
                    <div style="margin-left:156px" class="form-buttons-wrapper">
                        <button id="input_7" type="submit" class="form-submit-button">
                            Pedir Presupuesto
                        </button>
                    </div>
                </div>
            </li>
            <li style="display:none">
                Should be Empty:
                <input type="text" name="website" value="" />
            </li>
        </ul>
    </div>
    <input type="hidden" id="simple_spc" name="simple_spc" value="12343325249" />
    <script type="text/javascript">
        document.getElementById("si" + "mple" + "_spc").value = "12343325249-12343325249";
    </script>
</form>

Solucionado con HTML5