Maison  >  Article  >  interface Web  >  Script de didacticiel JavaScript pour implémenter l'interaction avec les informations de page

Script de didacticiel JavaScript pour implémenter l'interaction avec les informations de page

黄舟
黄舟original
2016-12-22 15:35:441122parcourir

Pour réaliser une interaction dynamique, vous devez maîtriser des connaissances plus complexes sur l'objet de formulaire (Form).

Connaissance de base des formulaires

L'objet formulaire permet aux concepteurs d'utiliser différents éléments du formulaire pour interagir avec les utilisateurs clients sans avoir à saisir de données au préalable.

1. Qu'est-ce qu'un objet formulaire

Les formulaires constituent les éléments de base des pages Web. Habituellement, une page Web comporte un ou plusieurs formulaires, et le tableau Forms[] est utilisé pour accéder à différents formulaires.

2. Méthodes de l'objet formulaire

Il n'existe qu'une seule méthode de l'objet formulaire : la méthode submit() La fonction principale de cette méthode est de soumettre les informations du formulaire. Si vous soumettez le formulaire Mytest, utilisez le format suivant : document.mytest.submit().

3. Propriétés de l'objet formulaire

Les propriétés de l'objet formulaire incluent principalement les éléments suivants : les éléments nom action cible méthode d'encodage.

À l'exception des éléments, les autres reflètent tous le état de l'attribut correspondant dans l'identifiant du formulaire, qui est généralement un identifiant de formulaire unique ; et elements est souvent un tableau de plusieurs valeurs d'éléments de formulaire, par exemple : elements[0].Mytable.elements[1].

4. Accéder à l'objet formulaire

L'accès à l'objet formulaire en JavaScript peut être réalisé par deux méthodes :

a En accédant au formulaire

dans. Le nom du formulaire doit d'abord être spécifié dans les propriétés de l'objet formulaire, puis le formulaire est accessible via les identifiants suivants tels que : document.Mytable().

b. Accédez au formulaire via un tableau

En plus d'utiliser le nom du formulaire pour accéder au formulaire, vous pouvez également utiliser le tableau d'objets de formulaire pour accéder à l'objet de formulaire. Mais une chose à noter est que l'objet formulaire est fourni par l'environnement du navigateur et que les indices du tableau fournis par l'environnement du navigateur vont de 0 à n. Par conséquent, l'objet formulaire est accessible via le format suivant :

document.forms[0]

document.forms[1]

document.forms[2]. .

5. Prérequis pour référencer un formulaire

Les conditions pour référencer un formulaire en JavaScript sont : vous devez d'abord créer le formulaire avec un identifiant dans la page et définir la partie de formulaire placée avant. la référence.


Éléments de base du formulaire

Les éléments de base du formulaire comprennent des boutons, des boutons radio, des boutons à cocher, des boutons de soumission et des boutons de réinitialisation, des zones de texte , etc.

Pour accéder à ces éléments de base en JavaScript, vous devez utiliser l'indice du tableau ou le nom de l'élément de formulaire correspondant à un élément de formulaire spécifique. Chaque élément est principalement référencé via les attributs ou méthodes de l'élément. Le format de base de sa référence est le suivant :

formName.elements[].methadName (nom du formulaire. nom de l'élément ou tableau. méthode)

formName.elemaent[].propertyName (nom du formulaire .Element name or array.Attribute)

Ce qui précède est le script du didacticiel JavaScript pour implémenter l'interaction des informations de page. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !


Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn