Das JavaScript gibt bei Selectierung eines Feldes zusätzliche Informationen zu dem Formfeld aus.
Autor: woork.blogspot.com , Antonio Lupetti
Zur Demo einfach mit der Maus ein Feld anklicken.
in <head> einfügen
<!-- Created by: Antonio Lupetti -->
<script type="text/javascript">
function toggleMsg(idElement){
element = document.getElementById(idElement);
if(element.style.visibility!='hidden'){
element.style.visibility='hidden';
} else {
element.style.visibility='visible';
}
}
</script>
in <body> einfügen
<table cellpadding="4">
<tr>
<td><label for="email" >@Mail</label></td>
<td>
<input type="text" id="email" onFocus="javascript:toggleMsg('msg-1')" onBlur="javascript:toggleMsg('msg-1')" maxlength="20">
<span id="msg-1" class="msg" style="visibility:hidden;">Bitte geben Sie Ihre Mail-Adresse an! </span></td>
</tr><tr>
<td><label for="psw">Passwort</label></td>
<td><input type="text" id="psw" onFocus="javascript:toggleMsg('msg-2')" onBlur="javascript:toggleMsg('msg-2')" maxlength="20">
<span id="msg-2" class="msg" style="visibility:hidden;">min 6 Zeichen </span></td>
</tr>
</table> |