Please Wait, Loading...

Tuesday 20 November 2012

Propt Text di inputan Menggunakan JQuery

Berikut merupakan script JQuery untuk membuat Prompt Text di kolom masukan :

                <tr>
          <th width="100px">Username</th>
           <td><input type="text" id="text" name="pengguna" style="width:97%" label="Masukan NO. UPCM" /></td>
         </tr>
         <tr>
            <th>Password</th>
              <td><input type="password" id="text" name="password" style="width:97%"  label="Masukan NO. SLIP"/></td>
          </tr>



 $(document).ready(
    function(){
        $('input:text').each(
            function(){
                $(this)
                    .val($(this).attr('label'))
                    .css('color','#999');
                $(this).click(
                    function(){
                        $(this)
                            .val('')
                            .css('color','#000');
                    });
                $(this).blur(
                    function(){
                        if ($(this).val() === ''){
                            $(this.
placeholder)
                                .val($(this).attr('label'))
                                .css('color','#999');
                        }
                    });
            });
    });

Demikian semoga bermanfaat.