Neler yeni

Yeni mesajlar Yeni konular En çok mesaj En çok tepki En çok görüntülenen

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

Ali Emre

Ali Emre

👑Efsanevi Grafiker👑
Katılım
30 Tem 2007
Mesajlar
2,141
Tepkime puanı
85
Web sitesi
gncart.com
Kolay gelsin arkadaşlar...Hazırladığım bir sitede üyelik formunun butonlarını image kullanarak yapmayı düşünüyorum.

Bunun için;
Kod: 
<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?
 
Benzer konular Forum Tarih
E indesing html çıkışı Web Tasarımı 0 709
ylongclaw Adobe'dan HTML5e çeşit çeşit ders Video Dersleri 0 760
S index.html Php, Asp, Perl, Html 2 3K
1 PSD'den Html'e döküm yapılacak - Türkiye Geneli İş Veren İlanları 2 1K
L Banner & HTML5 Konusunda Deneyimli Freelancer Çalışma Arkadaşı Arıyoruz - Türkiye Geneli İş Veren İlanları 1 1K
womd HTML-PHP coder arıyoruz. (Proje bazlı) - Türkiye Geneli Sonuçlanan İlanlar 1 754
D İndesing CS6 ile HTML sayfalar hazırlamak InDesign 2 839
Kaplan Blog Freelance Front-End Developer -> PSD to HTML & CSS - Türkiye Geneli Freelancer İş Arayanlar 1 2K

Benzer konular

W

webdizayn

🌱Yeni Üye🌱
Katılım
17 Eki 2009
Mesajlar
9
Tepkime puanı
0
<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
 
Ali Emre

Ali Emre

👑Efsanevi Grafiker👑
Katılım
30 Tem 2007
Mesajlar
2,141
Tepkime puanı
85
Web sitesi
gncart.com
Dediklerinizi yaptım ama olmadı.Temizle butonuna(buton-1) tıkladığım zaman sayfa aynı dizine gidiyor ve sayfa yenileniyor.Kodlarım;

Kod: 
<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="https://www.grafikerler.net/images/Buton-1.png" class="buton" onclick="reset()" />
        <input type="image" src="https://www.grafikerler.net/images/Buton-2.png" class="buton" />     
    </form>

JS:
Kod: 
<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>
 
atibin

atibin

⭐Deneyimli Tasarımcı⭐
Katılım
27 Tem 2009
Mesajlar
140
Tepkime puanı
1
Sayfa yenilenmeden yapmak istiyorsanız uzun scriptlere gerek yok
aşağıdaki gibi kullanabilirsiniz...

Kod: 
<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="https://www.grafikerler.net/images/Buton-1.png"  border="0"></a>
        <input type="image" src="https://www.grafikerler.net/images/Buton-2.png" class="buton" /> </form>
 
Cevap yazmak için giriş yap yada kayıt ol.
Üst