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

  • EminemVEVO

    EminemVEVO

    12 Mayıs 2009
  • hydejiaqi

    hydejiaqi

    12 Mart 2008
  • pjtoohot

    pjtoohot

    15 NİSAN 2008