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

  • Gavin Hoey

    Gavin Hoey

    21 Aralık 2007
  • Matthew Morrill

    Matthew Morr

    15 EKİM 2011
  • nigahiga

    nigahiga

    21 Temmuz 2006