SORU
25 Ocak 2009, Pazar


Basarak bir formu gönder düğmesi olmadan girin

Peki enter tuşuna basarak ama bir Gönder düğmesini gösteren bir formu göndermek için çalışıyorum. Her şeyi tüm tarayıcılar (olaylar olduğunu biliyorum sadece JS Yolu) üzerinde çalışmak istiyorum mümkünse JavaScript girmek istemiyorum.

Şimdi form bu gibi görünüyor:

<form name="loginBox" target="#here" method="post">
    <input name="username" type="text" /><br />
    <input name="password" type="password" />
    <input type="submit" style="height: 0px; width: 0px; border: none; padding: 0px;" hidefocus="true" />
</form>

Gayet iyi çalışır. Kullanıcı enter tuşuna bastığında düğme çalışır göndermek ve düğme Firefox, IE, Safari, Opera ve Chrome göstermiyor. Ancak, ben hala sabit tüm tarayıcılar ile tüm platformlarda çalışacak olup olmadığını öğrenmek olduğu için bu çözüm sevmiyorum.

Herkes daha iyi bir yöntem önerebilirsiniz? Ya da bu kadar iyi mi?

CEVAP
25 Ocak 2009, Pazar


Deneyin:

<input type="submit" style="position: absolute; left: -9999px"/>

Bu ekrandan sol düğme waaay itin. Bu güzel bir şey, CSS devre dışı bırakıldığında zarif bozulması alırsın.

Güncelleme - 7 için geçici Çözüm

tabindex Bryan Downing tarafından sekmesini önlemek için önerilen bu düğmeye ulaşmak (Ateş Goral tarafından):

<input type="submit" 
       style="position: absolute; left: -9999px; width: 1px; height: 1px;"
       tabindex="-1" />

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Google

    Google

    18 EYLÜL 2005
  • Chaîne de TheMoustic

    Chaîne de T

    5 Kasım 2006
  • Troy Hunt

    Troy Hunt

    29 EYLÜL 2011