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://www.php.cn" onclick="return false">PHP中文网</a>
</body>
</html>
Il y a deux événements affectés par la valeur de retour : onclick et onsubmit.
section suivante