Button reprtésente un bouton poussoir.
CompatibilitéDisponibilité
Javascript 1.0
Correspondance HTML<input ...>Héritage
Input et HTMLElement
Synopsisform.elements[i]Propriétés
form.name
| Propriété | Description |
|---|---|
| form | spécifie le formulaire contenant le bouton. |
| name | correspond à l'attribut NAME de INPUT. |
| type | correspond à l'attribut TYPE de INPUT. |
| value | affiche un texte sur le bouton |
| Méthode | Description |
|---|---|
| blur | enlève le focus sur le bouton. |
| click | simule un clique de souris sur le bouton. |
| focus | donne le focus au bouton. |
| handleEvent | invoque le Handler pour spécifier un événement. |
| Evénement | Description |
|---|---|
| onBlur | perte de focus de l'élément Input. |
| onClick | clic de souris sur le bouton. |
| onFocus | réception de focus sur l'élément Input. |
| onMouseDown | bouton de la souris enfoncé sur l'élément Input. |
| onMouseUp | bouton de la souris relaché sur l'élément Input. |
<html>
<head>
<script language="javascript">
function quel_bouton(btn)
{
if (btn = 'premier')
document.write('Vous avez cliqué sur le bouton
Soumettre du second formulaire.');
else
document.write('Vous avez cliqué sur le bouton
Annuler du second formulaire.');
}
</script>
</head>
<body>
<p>Cet exemple permet de récupérer le clic
de souris sur l'un des boutons.</p>
<form name="formulaire">
<input type="button" name="soumettre" value="soumettre">
<br>
<input type="button" name="annuler" value="annuler">
</form>
<script language="javascript">
document.formulaire.soumettre.onclick = function()
{
document.write('Vous avez cliqué sur le bouton
Soumettre du premier formulaire.');
}
document.formulaire.annuler.onclick = function()
{
document.write('Vous avez cliqué sur le bouton
Annuler du premier formulaire.');
}
</script>
<p>Ce second exemple effectue la même fonction
avec un passage d'arguments.</p>
<form name="formulaire2">
<input type="submit" name="soumettre"
onclick="javascript:quel_bouton('premier')"><br>
<input type="reset" name="annuler"
onclick="javascript:quel_bouton('second')">
</form>
</body>
</html> |
