İçinde metni olan bir html giriş alanı kolayca oluşturabilirim. Ancak kullanıcı giriş alanına tıkladığında metin kaybolmaz ancak orada kalır. Kullanıcı daha sonra yazılacak metni elle kaldırmak zorundadır. Kullanıcı giriş alanı kutusuna tıkladığında metnin daha sonra kaybolduğu bir giriş alanını nasıl oluşturabilirim?Tıklatıldığında kaybolmak için HTML Alanı'ndaki metin alanı?
cevap
Böyle bir şeye ne dersin?
<input name="myvalue" type="text" onfocus="if(this.value=='enter value')this.value='';" onblur="if(this.value=='')this.value='enter value';">
bunu başarmak için, iki onfocus etkinliklerle onblur kullanabilirsiniz:
<input type="text" name="theName" value="DefaultValue"
onblur="if(this.value==''){ this.value='DefaultValue'; this.style.color='#BBB';}"
onfocus="if(this.value=='DefaultValue'){ this.value=''; this.style.color='#000';}"
style="color:#BBB;" />
Ne HTML5 Girdinizin kutusu için varsayılan değer ayarlamanıza olanak tanıyan placeholder
özelliğini kullanın yapmak istiyorum:
<input type="text" name="inputBox" placeholder="enter your text here">
Bu, aradığınız şeyi elde etmelidir. Ancak, dikkatli olun çünkü yer tutucu özniteliği Internet Explorer 9 ve önceki sürümlerde desteklenmez. Bunu bir deneyin:
HTML5 bu sorunu yer tutucu özniteliğiyle çözüyor. Olayları tekrar yönetmeye gerek yok. Iyi cevap – Ron
giriş placeholer özniteliği IE9 ve IE8'de desteklemiyor ... daha fazla bilgi için lütfen http://caniuse.com adresine gidin. –
Kullanıcı yazmaya başladığında yer tutucunun kaybolması için bir yol var mı, ancak alan yokken yok 'duruldu.'? –
bunu deneyin. Bu yardımcı olur umarım bu yardımcı olur.
<input type="submit" id= "submitBtn" value="Submit">
sonra js dosyasında bu küçük jQuery koymak: Bu teslim düğme
<input name="myvalue" id="valueText" type="text" value="ENTER VALUE">
:
ile ve kullanıcı vlue girmezse, boş değer mi yoksa varsayılan değer mi geçecek? Benim kullanım durumum da bununla aynıdır fakat kullanıcının boş bir değer girmediğinde olmasını istiyorum, nasıl atacağımızı nasıl atayacağız? Herhangi bir öneri? Ve placholder özniteliği kullanımı yok – mahesh
Bu senin bütün sorunları çözmek gerekir çözümünü düşünmek kadar basittir
//this will submit only if the value is not default
$("#submitBtn").click(function() {
if ($("#valueText").val() === "ENTER VALUE")
{
alert("please insert a valid value");
return false;
}
});
//this will put default value if the field is empty
$("#valueText").blur(function() {
if(this.value == ''){
this.value = 'ENTER VALUE';
}
});
//this will empty the field is the value is the default one
$("#valueText").focus(function() {
if (this.value == 'ENTER VALUE') {
this.value = '';
}
});
Ayrıca eski tarayıcılarda da çalışır. İhtiyacınız varsa kolayca normal javascript'e dönüştürülebilir.
Teşekkürler, desteklemesi gereken IE9 üzerinde çalışır.Bu yüzden yer tutucu şeyi kullanamadım. Metin kutusundaki değerin tek bir yerde kalmasını sağlamak için, belgede hazır olan değeri kutuya ayarlamak için jQuery'yi kullandım. $ (document) .ready (function() {belgenin yüküne \t/* set arama giriş kutusu değeri */ \t $ ('# DEĞERMETNI') val ("DEĞERİ ENTER");. } – atsurti
bu kadar basit: Kullanıcı vlue girmezse <input type="text" name="email" value="e-mail..." onFocus="this.value=''">
- 1. clear text onclick - metin alanı
- 2. UIAlertController metin alanındaki metni seçin
- 3. Seçilebilir, ancak düzenlenemeyen html metin alanı
- 4. JavaFx Metin Alanı ayarlanmış metin
- 5. tag0 ad alanı varsayılan ad alanındaki öğeler için eklendi
- 6. Düğme tıklatıldığında güncelleştirme tablosu (SQL/JavaScript/HTML)
- 7. HTML metin kutusu, otomatik metin vurgulama
- 8. Veritabanına Kaydetirken Metin Alanındaki Metin Boşluğunu ve Hizalamayı Koruun BLOB
- 9. html metin girişi onchange olayı
- 10. HTML kullanılabilirlik sorusu - (çift) metin seçmek için tıkla
- 11. Metin alanı nasıl ortalanır (Codename one)?
- 12. UIAlertController yuvarlatılmış rect metin alanı
- 13. Metin girişi seçim alanı
- 14. Kaydırma çubuğu için HTML yedeği alanı
- 15. Kıvılcım JSON metin alanı
- 16. Metin alanı nasıl şekillendirilir?
- 17. Esnek: Metin Alanı Değiştirme
- 18. Artık çalışmayan tutulma alanındaki çalışma alanı nasıl düzeltilir?
- 19. Apache Solr dize alanı veya metin alanı?
- 20. HTML - giriş alanı seçilebilir ancak değiştirilebilir değil
- 21. HTML5 tuval dışında metin seçimini nasıl önlerim çift tıklatıldığında?
- 22. Bir düğme tıklatıldığında bir metin kutusuna yükleme döndürücüsü nasıl görüntülenir?
- 23. İyonik düğme tıklatıldığında
- 24. HTML dosyalarında İbranice metin
- 25. IE'de giriş alanındaki metin imlecinin rengini nasıl değiştiririm?
- 26. Bir dinamik düğme tıklatıldığında getImageData
- 27. jquery kullanarak çoklu metin alanı ekle
- 28. HTML Tablo uzun metin
- 29. SelectList'te özel metin alanı ayarla
- 30. div metin alanı gibi yeniden boyutlandırılabilir
ve ne olur, boş bir değer veya defaul değeri geçecek? Benim kullanım durumum da bununla aynıdır fakat kullanıcının boş bir değer girmediğinde olmasını istiyorum, nasıl atacağımızı nasıl atayacağız? Herhangi bir öneri? Ve placholder özniteliği kullanımı yok – mahesh
@mahesh Yapabilecekleriniz, üzerine yazdığınız istenen metne sahip bir arka plan resmi eklemeniz ve görüntüyü görünmez kılan onClick olay dinleyicisini eklemektir. –
hala IE9'u desteklemeniz gerekiyorsa bu BÜYÜK bir çözüm! Teşekkürler! –