Html de <input type="image"> Kullanımı ile Bir Sorun..

Php, Asp, Perl, Html - Html de <input type="image"> Kullanımı ile Bir Sorun.. ...

Cevapla
Html de <input type="image"> Kullanımı ile Bir Sorun..
Ali Emre isimli Üye şimdilik offline konumundadır

Ali Emre(27)

Webmaster / İzmir

Standart

Html de <input type="image"> Kullanımı ile Bir Sorun..

Alt 08-11-2009 #1
Sponsorlu Bağlantılar

Kolay gelsin arkadaşlar...Hazırladığım bir sitede üyelik formunun butonlarını image kullanarak yapmayı düşünüyorum.

Bunun için;
<input type="image" src="images/Buton-2.png" class="buton" />
kodunu kullandım.Sanırım bu hali ile sadece formdaki action eylemini gerçekleştiriyor(submit). Fakat ben yine aynı teknikle formdaki verilerini de resetlemesini istiyorum bunun için hangi kodu ilave etmem gerekiyor?
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

atibin isimli Üye şimdilik offline konumundadır

atibin(47)

Webmaster / İstanbul

Standart
Alt 08-11-2009 #2
                             Sponsorlu Bağlantılar
butona id ver
Bu mesajdan alıntı yap
Ali Emre isimli Üye şimdilik offline konumundadır

Ali Emre(27)

Webmaster / İzmir

Standart
Alt 08-11-2009 #3
butona id ver
O şekilde yapınca resimin üstünde "valude" değeri yazıyor..
Bu mesajdan alıntı yap
webdizayn isimli Üye şimdilik offline konumundadır

webdizayn

Webmaster / Eskişehir

Standart
Alt 08-11-2009 #4
<input type="image" src="images/Buton-2.png" class="buton" />

ya input tagına içine

<input type="image" src="images/Buton-2.png" class="buton" onclick="reset()"/>

yada inputun dahil olduğu forma

<form onsubmit="reset()">

javascript kodu :

<head>
<script>
function reset()
{
document.getElementById('input1id').value="";
yada
select kutusu varsa
document.getElementById('selectid').value="0";
//selectteki optionlardan hangisinin valeuesini getirmek istiyorsan

//bu alana sırayla formda temizlemek istedeğin alanların id adlarını tekrarlarsın
}
<script>

</head>
</head
Bu mesajdan alıntı yap
Ali Emre isimli Üye şimdilik offline konumundadır

Ali Emre(27)

Webmaster / İzmir

Standart
Alt 08-11-2009 #5
Dediklerinizi yaptım ama olmadı.Temizle butonuna(buton-1) tıkladığım zaman sayfa aynı dizine gidiyor ve sayfa yenileniyor.Kodlarım;

<form action="" method="post">
        Kullanıcı Adınız:<br />        
        <input type="text" class="input" id="ad" maxlength="25" /><br />
        E-Mail Adresiniz:<br />        
        <input type="text" class="input" id="soyad"  /><br /> 
        Yaşınız:<br />        
        <input type="text" class="input" id="yas"  />
        <br />
        Cinsiyetiniz:<br />        
        <input type="text" class="input" id="cinsiyet" maxlength="5" value="Bay/Bayan"  /><br />
        Şifreniz:<br />        
        <input type="password" class="input" id="sifre" maxlength="25" /><br />
        Şifreniz (Tekrar):<br />        
        <input type="password" class="input" id="sifre2" maxlength="25" /><br /><br />        
        <input type="image" src="http://www.grafikerler.net/images/Buton-1.png" class="buton" onclick="reset()" />
        <input type="image" src="http://www.grafikerler.net/images/Buton-2.png" class="buton" />     
    </form>
JS:
<script>
function reset()
{
document.getElementById('ad').value="0";
document.getElementById('soyad').value="0";
document.getElementById('yas').value="0";
document.getElementById('cinsiyet').value="0";
document.getElementById('sifre').value="0";
document.getElementById('sifre2').value="0";
}
</script>
Bu mesajdan alıntı yap
atibin isimli Üye şimdilik offline konumundadır

atibin(47)

Webmaster / İstanbul

Standart
Alt 08-11-2009 #6
Sayfa yenilenmeden yapmak istiyorsanız uzun scriptlere gerek yok
aşağıdaki gibi kullanabilirsiniz...

<form id="form" name="form" method="post" action="">
        Kullanıcı Adınız:<br />        
        <input type="text" class="input" id="ad" maxlength="25" /><br />
        E-Mail Adresiniz:<br />        
        <input type="text" class="input" id="soyad"  /><br /> 
        Yaşınız:<br />        
        <input type="text" class="input" id="yas"  />
        <br />
        Cinsiyetiniz:<br />        
        <input type="text" class="input" id="cinsiyet" maxlength="5" value="Bay/Bayan"  /><br />
        Şifreniz:<br />        
        <input type="password" class="input" id="sifre" maxlength="25" /><br />
        Şifreniz (Tekrar):<br />        
        <input type="password" class="input" id="sifre2" maxlength="25" /><br /><br />        
<a onclick="document.form.reset(); return false;" href="#"><img src="http://www.grafikerler.net/images/Buton-1.png"  border="0"></a>
        <input type="image" src="http://www.grafikerler.net/images/Buton-2.png" class="buton" /> </form>
Bu mesajdan alıntı yap
Cevapla

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
"Image Sequence" Nedir? Yardımcı Olurmusunuz? Ali Emre Photoshop Soru ve Sorunlarınız 3 10-08-2009 09:28:15
İndex.Html Sayfasının Arka Planında Radyo Yayını İçin "html" kod Lazım... yqzsnkya Web Tasarımı 5 10-07-2009 09:02:55
mutfak eşyası çizimi "mesh tool" kullanımı ilkdilek Illustrator 7 12-06-2009 20:35:37
"HTML" Yeni başlayanlar için ... contess Php, Asp, Perl, Html 5 10-04-2009 22:16:11
Photoshop Dersleri:"Load Files InTo Stack" Scriptinin Kullanımı Ali Emre Photoshop Dersleri 5 29-11-2008 00:56:09

Kapat
Şifremi Unuttum?