Metin kutusunda varsayılan metin kutusu değerini onclick'in temizlemenin ve form sayfasındaki birden çok metin kutusunun onblur'unun görüntülenmesinin bir yolu var mı?Metin kutusu değerlerini onclick onclick ve onclur üzerinde temizleme
8
A
cevap
1
function Clear1(str)
{
document.getElementById(str).value= "";
}
function Clear2(str2)
{
var aa1=document.getElementById(str2);
\t if (aa1.value==""){
document.getElementById(str2).style.backgroundColor = "#ffcccc";
\t }else{
document.getElementById(str2).style.backgroundColor = "#ffffff";
}
}
<input type="text" value="test1" onClick="Clear1(this.id);" id="textbox1" onblur="Clear2(this.id);">
<input type="text" value="test2" onClick="Clear1(this.id);" id="textbox2" onblur="Clear2(this.id);">
<input type="text" value="test3" onClick="Clear1(this.id);" id="textbox3" onblur="Clear2(this.id);">
<input type="text" value="test4" onClick="Clear1(this.id);" id="textbox4" onblur="Clear2(this.id);">
+0
https://jsfiddle.net/warunamanjula/qy0hvmyq/3/ –
8
HTML:
<input type="text" value="" onClick="Clear();" id="textbox1>
<input type="text" value="" onClick="Clear();" id="textbox2>
<input type="text" value="" onClick="Clear();" id="textbox3>
<input type="text" value="" onClick="Clear();" id="textbox4>
JavaScript:
function Clear()
{
document.getElementById("textbox1").value= "";
document.getElementById("textbox2").value= "";
document.getElementById("textbox3").value= "";
document.getElementById("textbox4").value= "";
}
Sorunuz bana biraz muğlak, ama bir tıklandığında yukarıdaki tüm metin kutularının silecektir. Umarım bu size yardımcı olur.
+1
DRY 'işlevi Clear (obj) {obj.value = ''} 've çağırma ' Bellash
5
Bir Hat çözümü
<input type="text" value="" onClick="this.value='';" id="textbox1">
veya
<input type="text" value="" onClick="this.value=='Initial Text'?this.value='':this.value;" id="textbox1">
İlgili konular
- 1. Değiştir metin uzunluğu OnClick
- 2. Android ClickableSpan metin al onClick()
- 3. clear text onclick - metin alanı
- 4. Seçme seçenek onclick PHP onclick
- 5. Javascript'in oluşturduğu bir metin kutusu için OnClick olayına nasıl bağlanır?
- 6. Onchange/onclick bir onay kutusu IE
- 7. MediaElement.js Video kaynağını onclick üzerinde değiştirin
- 8. arka plan üzerinde değişiklik yapın onclick sınıf
- 9. onclick = "history.back() Safari ve IE
- 10. Listview ile arama ve onclick,
- 11. Düğme onClick ve ListView onItemClick
- 12. MVC'de bir sayfadaki metin kutusu alanlarını temizleme
- 13. @Onclick android ek açıklamaları?
- 14. Bir knockout.js dosyasında, onClick
- 15. javascript onclick radyo temizle textbox
- 16. Android - OnClick open Image?
- 17. Bootstrap onClick düğmesi olayı
- 18. Gizemli sözdizimi onClick = {:: this.submit}
- 19. jquery onclick change value22
- 20. actionbar menü öğesi onclick?
- 21. jQuery addClass onClick
- 22. ASP.NET gridview satırı onclick
- 23. Javascript düğmesi. Gönder & OnClick
- 24. OnClick in Excel VBA
- 25. onclick olayına 'bu' Geçme
- 26. bağlantı etiketi onclick fonksiyonu
- 27. onclick işleyicisinden URL alın
- 28. JavaScript onClick değiştir css
- 29. javascript onclick, anonim işlev
- 30. Onclick JQuery Döngüsünden Çağrı
Hiçbir şey denediniz mi? Yer tutucu benzeri bir davranış ister misiniz? Bu bir "textbox" veya bir "input" mu? Neye tıklanmalı? Metin kutusunun kendisi mi? Her zaman temizlenmeli mi? Ya da sadece belirli koşullar altında? – Zeta
Evet Bir form sayfasındaki birden çok metin kutusuna bir yer tutucu davranışını istiyorum –
HTML5 yer tutucu etiketini kullanabilirsiniz. '- bu size istemek? (http://jsfiddle.net/fnkr/69pt9/)[Buradan bakın) – fnkr