• Bu site çerezler kullanır. Bu siteyi kullanmaya devam ederek çerez kullanımımızı kabul etmiş olursunuz. Daha fazla bilgi edin.

Onfocus & Onblur - İnput Value

Konuyu Okuyan Kişiler (0)

ByAkman

webmaster.tc
Katılım
6 Ağu 2012
Mesajlar
398
Beğeniler
0
Konum
in the PHP
#1
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
Katılım
6 Ağu 2012
Mesajlar
133
Beğeniler
0
Konum
İstanbul
#2
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
Katılım
6 Ağu 2012
Mesajlar
398
Beğeniler
0
Konum
in the PHP
#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