Link İle Form Submit

Web sitelerimizde yer alan formları submit ederken butonlar yerine sitemizde yer alan daha önce css leri hazırlanmış olan linkler yer alabilir. Hazır linklerimiz dururken css leri ile hazırlanmış olarak birdaha yeniden botunların css lerini ayarlamakla ugraşmak istemiyebiliriz. Bu örneğimizde linklere submit özelliği vermeyi ögreneceğiz.
İlk olarak linkimizden başlayalım.

<a href="javascript:document.login.submit()">Giriş</a>

Örnek Formumuzda, name’i login (name=”login”) olan formu submit ediyoruz. Gönderim şeklimiz post (method=”post”). Formumuzu göndermemizi sağlayan kod ise javascript:document.login.submit() dir. Buradaki login form name’mimizdir


&lt;form action="login.php" name="login" method="post"&gt;
&lt;input type="text" name="eposta" id="eposta" value="Email adresiniz" maxlength="200" onFocus="if (this.value=='Email adresiniz') this.value='';return;" onBlur="if (this.value=='') this.value='Email adresiniz';return;"&gt;

&lt;input type="password" name="password" id="password" value="Şifreniz" maxlength="200" onFocus="if (this.value=='Şifreniz') this.value='';return;" onBlur="if (this.value=='') this.value='Şifreniz';return;"&gt;

&lt;input type="hidden" name="kaydet" value="kaydet" /&gt;
&lt;input type="hidden" name="return" value="&lt;?=$_SERVER['REQUEST_URI']?&gt;" /&gt;
<a href="javascript:document.login.submit()">Giriş</a>
&lt;/form&gt;

5 thoughts on “Link İle Form Submit

  • Ellerine sağlıkya çok işime yaradı valla . Şu submit butonun osıkıcı görüntüsü canıma okuyordu 😀

  • selam hocam ben bunu contact form 7 de yapmak istiyorum da yapamadım acaba şu alttaki kodumu yaparsan bende diğer oluşturacağım formları senin yaptığını çoğaltırım. kod aşağıdaki sitededir hocam şimdiden çok saolun

    http://jsfiddle.net/SJqQN/

  • hocam düzenlemeye yardımcı olacakmısınız acaba ? yorumu yayınladınız acaba bir cevap ermemişsinizde merak ettim 🙂

  • Merhaba, websitemizde wordpress code canyon stretch gallery kullanmaktayız. ancak bazı cep telefonlarından giriş yapılamıyor. nasıl yapabiliriz. teşekkürler.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir