Javascript : exemples avec le code source

B - Zone de texte

Exemple avec la lecture du contenu

Entrer votre prénom :

Code html (utilisant l'identité des objets)

<html>
<head>
<script language="javascript">
function afficheMessage() {
alert('Bonjour '+document.getElementById('texte1').value+' !');
}
</script>
</head>
<body>
<div style="text-align:center">Entrer votre prénom : <input type="text" id="texte1"> </div>
<div style="text-align:center"><input type="button" value="Cliquer" onClick="afficheMessage()"> </div>
</body>
</html>


Code html (utilisant le nom des objets et les formulaires)

<html>
<head>
<script language="javascript">
function afficheMessage() {
alert('Bonjour '+document.formulaire1.texte1.value+' !');
}
</script>
</head>
<body>
<form name="formulaire1">
<div style="text-align:center">Entrer votre prénom : <input type="text" name="texte1"></div>
<div style="text-align:center"><input type="button" value="Cliquer" onClick="afficheMessage()"></div>
</form>
</body>
</html>
Validé XHTML 1.1    Validé CSS