Saisir :
<form onsubmit="return envoi()">
<input id="zone" type="text" onfocus="foc()" onblur="quit()" onselect="selec()" />
<select name='options' onchange="chg()">
<option value='option-1'>Option 1</option>
<option value='option-2'>Option 2</option>
<option value='option-3'>Option 3</option>
</select>
<input type="submit" value="ok"/>
</form>
<br>
<b>Message : </b>
<span id="mess" style="color:red"></span>
objMess = document.getElementById('mess');
objZone = document.getElementById('zone');
function foc(){
objMess.innerHTML = "Vous rentrez dans la zone de texte";
}
function chg(){
objMess.innerHTML = "Vous venez de changer la valeur de l'option"
}
function quit(){
objMess.innerHTML = "Vous venez de quitter la zone de texte"
}
function selec(){
objMess.innerHTML = "Vous venez de sélectionner du texte"
}
function envoi(){
objMess.innerHTML = "Vous venez de soumettre le formulaire";
return false;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.