Onfocus & Onblur - İnput Value

ByAkman

webmaster.tc
Üye
Katılım
6 Ağu 2012
Mesajlar
391
Konum
in the PHP
merhabalar

Bir tasarım üzerinde uğraşırken konu inputların , textareaların value değerlerinin üzerine tıklayınca kaybolması ve herhangi bir içerik yazmayıp başka bir yere tıklayınca geri gelmesine geldi.

Arayan arkadaşlara yardımcı olması nedeniyle açayım konuyu dedim.

Evet arkadaşlar :
Dediğimi yapmamız için onfocus ve blur u şu şekilde kullanıyoruz

PHP:
<input type="text" name="deneme" id="deneme" value="Ara ..." onfocus="if (this.value == 'Ara ...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Ara ...';}" />
Burda ne yaptık name isimli text inputumuza value olarak Ara ... değeri verdik. Daha sonra eğer üzerinde tıklar isek dedik bu metin kaybolsun. Tıklamaz isek aynı kalsın. Daha sonra eğer yazı yazmadan başka bir yere tıklarsak Ara ... isimli value değerimiz tekrar gelsin. Fakat yazı yazılmış ise yazdığımız kısım kalsın.

Genel mantık bu şekilde

iyi forumlar
 

ByTRiSLaSiS

webmaster.tc
Üye
Katılım
6 Ağu 2012
Mesajlar
129
Konum
İstanbul
Kod:
<input type="text" id="search" name="search" size="30" placeholder="Aramak için bir kelime yazınız."/>
html5 ile bu iş kolaylaşıyor ama tarayıcalarda hala tam destek yok günümüzde ie6 ff3 kullananlar var
 

ByAkman

webmaster.tc
Üye
Katılım
6 Ağu 2012
Mesajlar
391
Konum
in the PHP
  • Konu Sahibi Konu Sahibi
  • #3
Kod:
<input type="text" id="search" name="search" size="30" placeholder="Aramak için bir kelime yazınız."/>
html5 ile bu iş kolaylaşıyor ama tarayıcalarda hala tam destek yok günümüzde ie6 ff3 kullananlar var

İşte hocam fakat tarayıcıların alt yapı farkları nedeniyle tasarım konusunda kılı kırk yarmak gerekiyor
 

Üst