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

  • AutoklubZAPRESIC

    AutoklubZAPR

    17 Mayıs 2011
  • bigky226

    bigky226

    11 HAZİRAN 2006
  • jesiel santos

    jesiel santo

    15 Ocak 2009