communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français

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://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.


Formation continue
||
<!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>
soumettreRéinitialiser le code
Section précédente section suivante
Liste des didacticiels
obtenir de l'aide
  • Recommandations de cours
  • Téléchargement du didacticiel
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~

Les étudiants qui ont regardé ce cours apprennent également

Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)  492954 joue