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

  • Alexander Johnson

    Alexander Jo

    26 Temmuz 2008
  • ItZWaffleS420

    ItZWaffleS42

    9 EYLÜL 2011
  • PUSHER

    PUSHER

    11 HAZİRAN 2014