little 'x' in textfield input on the iphone in mobileSafari?

Question

I have been looking everywhere for this without any luck. If you go to google.com on the iphone when you focus in on the search field a little \'x\' appears all the way in t

Answer 1

And this is my jQuery version, it hides it at the start, and if the user deletes what is typed it will remove the 'x'. Also when they have removed the text with the button it will hide the 'x' too.

html:

X

JavaScript:

$('.clear_input').hide();   
    $('#search').keyup(function() {

        var search = $(this).val().replace(/^\s+|\s+$/g,"");

        if (search.length >= 1) {
            $('.clear_input').show();
        } else {
            $('.clear_input').hide();
        }

        $('.clear_input').click(function() {
            $('#search').val('');
            $('.clear_input').hide();
        }); 
    });

The JavaScript version is faster than the jQuery version of course.