SORU
1 AĞUSTOS 2010, Pazar


Ayar sayfasını yüklemek HTML giriş kutusu odaklanmak

Sayfa yüklendiğinde Varsayılan giriş kutusunu odağı ayarlamak için çalışıyorum (örnek: google). Benim sayfa Çok basit, ancak bunu nasıl yapacağımı çözemedim.

Bu şimdiye kadar ne aldım

<html>
<head>
 <title>Password Protected Page</title>

 <script type="text/javascript">
 function FocusOnInput()
 {
 document.getElementById("PasswordInput").focus();
 }
 </script>

 <style type="text/css" media="screen">
  body, html {height: 100%; padding: 0px; margin: 0px;}
  #outer {width: 100%; height: 100%; overflow: visible; padding: 0px; margin: 0px;}
  #middle {vertical-align: middle}
  #centered {width: 280px; margin-left: auto; margin-right: auto; text-align:center;}
 </style>
</head>
<body onload="FocusOnInput()">
 <table id="outer" cellpadding="0" cellspacing="0">
  <tr><td id="middle">
   <div id="centered">
  <form action="verify.php" method="post">
   <input type="password" name="PasswordInput"/>
  </form>
   </div>
  </td></tr>
 </table>
</body>
</html>

Nasıl bu iyi çalışır çalışmaz?

<html>
<head>
<script type="text/javascript">
function FocusOnInput()
{
     document.getElementById("InputID").focus();
}
</script>
</head>

<body onload="FocusOnInput()">
  <form>
       <input type="text" id="InputID">
  </form>
</body>

</html>

Yardım çok makbule geçer :-)

CEVAP
1 AĞUSTOS 2010, Pazar


Ve HTML5 var otomatik netleme özniteliği (çalışır: Internet Explorer 9 dışındaki tüm güncel tarayıcılarda ve aşağıda) kullanabilirsiniz. Sadece Ara 9 ya da daha önce, komut ya da diğer tarayıcıların eski bir sürüm.

<input type="text" name="fname" autofocus>

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • MugenPowerBatteries

    MugenPowerBa

    8 EKİM 2010
  • REK Roth Productions

    REK Roth Pro

    8 Ocak 2011
  • Schmittastic Jr.

    Schmittastic

    19 Mart 2013