label znotraj editbox-a

Ali lahko editbox-u določim value? Rad bi namreč label v editbox-u, ki bi ob kliku vanj izginil. Mi lahko kdo prosim napiše, kako to naredim?
Za textbox sem to naredil z onfocus, ki pa ne dela z editbox-om.

Upam, da sem vsaj približno razumljivo napisal kaj me muči :)

3 odgovori

html5 ima prav zato namenjen atribut placeholder. Za druge brskalnike uporabiš shim. Recimo webshim

2

krho, hvala!

Še ena možna rešitev:

<script type="text/javascript">
function zamenjaj(element, color, focus) {
if (focus) {
if (element.value == element.defaultValue) {
element.value = "";
element.style.color = color;
}
} else {
if (element.value == "") {
element.style.color = color;
element.value = element.defaultValue;

}
}
}
</script>

Nato pa samo v eventih onfocus in onblur pokličeš funkcijo "zamenjaj".

Primer:

<input name="Search" type="text" value="iščeš kaj posebnega?" class="input" onfocus='zamenjaj(this,"#666",true);' onblur='zamenjaj(this,"#666",false);'/>

2