A strange question on ipad's safari

**pandajj** · 02-10-2011 03:14 AM

Code:

<!DOCTYPE HTML>
<html>
    <head>
        <title>form</title>
        <style type="text/css">
            .tel{
                -webkit-transition:all .3s ease-in-out;
                position:absolute;
                height:40px;
            }
        </style>
    </head>
    <body>
        <input type="text" id="tel" class="tel" style="top:10px"/>
        <s cript type="text/javascript">
            var input=document.getElementById("tel");
            input.onfocus=function(){
                input.style.top="50px";    
            }
            input.onblur=function(){
                input.style.top="10px";
            }
        </script>
    </body>
</html>

Hello, i meet a strange question today.
Those codes work fine on computer's safari. But when i try it on ipad's safari, the input's focus does not slide down with the text input element.
How can i fix it?

**Sponsors** · 02-10-2011 03:14 AM

A strange question on ipad's safari

Thread: A strange question on ipad's safari

LinkBack

Thread Tools

Display

A strange question on ipad's safari

Home | Forum | Active Topics | What's New

Sponsors

Posting Permissions

Similar Threads

strange charger question

Safari Question

Safari new page question

Strange safari problem

Basic safari question

Search tags for this page

fix type=file in ipad

focus() no safari ipad

how to highlight all text on ipad

how to select text safari ipad

html select form

input select text javascript ipad

ipad input type=file

ipad safari dropoff

ipad safari how to type text

ipad safari input form development

ipad safari textbox onblur

onfocus ipad

onfocus select on ipad

problems with text input in websites on ipad

safari developer tools

safari developer tools ipad

safari ipad select all text

safari ipad select text

select text safari ipad