objet de formulaire
Objet formulaire
Une balise <form>
Propriétés de l'objet formulaire
name?: Le nom du formulaire, principalement utilisé pour permettre à JS de contr?ler le formulaire.
action : programme de traitement de données de formulaire (fichier PHP).
méthode?: méthode de soumission du formulaire, valeurs?: GET, POST
enctype?: méthode d'encodage des données du formulaire.
Méthodes d'objet de formulaire
submit()?: Soumettez le formulaire, la même fonction que <input type = "submit" />.
reset()?: Réinitialise le formulaire, qui a la même fonction que le bouton de réinitialisation.
événements de l'objet formulaire
onsubmit?: se produit lorsque l'on clique sur le bouton de soumission et avant que les données ne soient envoyées au serveur. Principalement utilisé pour la ??validation du formulaire avant la soumission du formulaire??.
onreset?: se produit lorsque l'on clique sur le bouton de réinitialisation.
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>php.cn</title>
<script type="text/javascript">
window.onload = function(){
//獲取form對象
var formObj = document.form1;
//增加method屬性
formObj.method = "post";
//增加action屬性
formObj.action = "login.php";
}
</script>
</head>
<body>
<form name="form1">
用戶名：<input type="text" name="username" />
密碼：<input type="password" name="userpwd" />
<input type="submit" value="提交表單" />
</form>
</body>
</html>Obtenir un élément de formulaire
Récupérez l'objet via l'identifiant de l'élément Web. document.getElementById(id)
Récupérez l'objet via le nom de la balise HTML. parentNode.getElementsByTagName(tagName)
Obtenez l'objet élément de formulaire via l'attribut name. Le point de départ de tous les éléments du formulaire doit être un objet document.
Syntaxe?: document.formObj.elementObj
La méthode d'accès est une structure à trois niveaux. Parmi eux, formObj représente l'objet formulaire et elementObj représente l'objet élément de formulaire.
Exemple?: document.form1.username.value.length
Valeur de retour de l'événement
La valeur de retour de l'événement affectera l'action par défaut de l'objet. Par exemple?: L'action par défaut de la balise <a> consiste à ouvrir une URL.
Si l'événement renvoie faux, l'exécution de l'action par défaut est empêchée?; si l'événement renvoie vrai ou vide, l'action par défaut continue son exécution.
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> </head> <body> <a href="http://ipnx.cn" onclick="return false">PHP中文網(wǎng)</a> </body> </html>
Il y a deux événements affectés par la valeur de retour?: onclick et onsubmit.
