Formulaire HTML

Le formulaire est un formulaire externe principal pour implémenter des pages Web dynamiques.

Les formulaires et les champs de formulaire n'ont pas la possibilité d'être saisis, et la production des pages web de formulaires doit finalement être organisée par tableaux.

Le formulaire HTML est un moyen important d'interaction entre la page HTML et le navigateur. Les formulaires peuvent être utilisés pour collecter des informations pertinentes soumises par les clients.

Les formulaires sont souvent rencontrés lors de la navigation sur des sites Web. Ils constituent une partie importante de la fonction interactive du site Web. Quelle que soit la forme de langage utilisée par le site Web pour mettre en œuvre les fonctions interactives du site Web, comme ASP, PHP, JSP, les formulaires sont devenus leur forme externe unifiée.

Le formulaire HTML (Formulaire) est une partie importante du HTML. Sa fonction principale est de collecter des informations, en particulier des informations sur les visiteurs.

Il y a trois points clés à maîtriser lors de l'apprentissage des formulaires HTML :

· Contrôles de formulaire

· Action

· Méthode

Parlons d'abord des contrôles de formulaire. Grâce à divers contrôles des formulaires HTML, les utilisateurs peuvent saisir des informations textuelles, sélectionner parmi les options et soumettre l'opération. Par exemple, dans l'exemple de phrase ci-dessus, input type="text" est un contrôle de formulaire, représentant une zone de saisie sur une seule ligne.

Les informations renseignées par l'utilisateur dans le formulaire doivent toujours être traitées par le programme. L'action dans le formulaire spécifie le fichier qui traite les informations du formulaire. Quant à la méthode, elle représente la manière d’envoyer les informations du formulaire. La méthode a deux valeurs : get et post. La méthode get consiste à encoder les informations nom/valeur du contrôle de formulaire et à les envoyer via l'URL (vous pouvez les voir dans la barre d'adresse). Post envoie le contenu du formulaire via http et vous ne pouvez pas voir les informations de soumission du formulaire dans la barre d'adresse. Alors, quand utiliser get et quand utiliser post ? Généralement, cela est jugé de cette façon. S'il s'agit simplement d'obtenir et d'afficher des données, utilisez get ; une fois qu'il s'agit de sauvegarder et de mettre à jour des données, il est recommandé d'utiliser post.

Contrôles communs (Contrôles) du formulaire HTML (Formulaire)

Les contrôles courants du formulaire HTML (Formulaire) sont :

Contrôles de formulaire                                                                                input type="submit"

Soumettre le informations dans le formulaire vers le fichier pointé par l'action dans le formulaire

input type="checkbox"

case à cocher

 input type="radio"                                                                                    >Boîte déroulante

textArea                                                                                           Le texte est représenté par * )

Contrôle du formulaire : zone de saisie de texte sur une seule ligne (input type="text")

La zone de saisie de texte sur une seule ligne permet à l'utilisateur de saisir de brèves informations sur une ligne , comme le nom de l'utilisateur. Des exemples de phrases sont les suivants :

<input type="text" name="yourname">

Contrôle de formulaire ) : Case à cocher (input type="checkbox")La case à cocher permet à l'utilisateur de sélectionner plusieurs options parmi un ensemble d'options. Exemple de code :

<input type="checkbox" name="fruit" value ="apple">Apple<br>

<input type="checkbox" name="fruit" value ="orange">orange<br>

<input type="checkbox" name="fruit" value ="mangue">mangue<br>

Utilisez coché pour indiquer les options sélectionnées par défaut.

<input type="checkbox" name="fruit" value ="orange" coché>orange<br>

Contrôle du formulaire : bouton radio (input type="radio")

Utilisez un bouton radio pour permettre à l'utilisateur de sélectionner une seule option parmi un ensemble d'options. Exemple de code :

<input type="radio" name="fruit" value = "Apple">Apple<br><input type="radio" name="fruit" value = "Orange">orange<br>

<input type="radio" name="fruit" value = "Mango">Mango<br>

Utilisez coché pour indiquer les options sélectionnées par défaut.

<input type="radio" name="fruit" value = "Orange" coché>orange<br>

Contrôle du formulaire : Zone déroulante (sélectionner)

La zone déroulante (Sélectionner) peut être utilisée à la fois pour la sélection radio et la sélection par chèque. Des exemples de phrases à choix unique sont les suivants :

<select name="fruit" >
<option value="apple">Pomme
<option value="orange">Orange
<option value=" mango">Mango
</select>

Si vous souhaitez en faire une sélection de contrôle, ajoutez simplement plusieurs. Les utilisateurs utilisent Ctrl pour implémenter plusieurs sélections. Exemple :

<select name="fruit" multiple>

Les utilisateurs peuvent également utiliser l'attribut size pour modifier la taille de la liste déroulante. (Sélectionner).

Contrôle de formulaire : zone de saisie multiligne (zone de texte)

zone de saisie multiligne (zone de texte)) est principalement utilisé pour saisir des messages texte plus longs. Un exemple de phrase est le suivant :

<textarea name="yoursuggest" cols ="50" rows = "3"></textarea>

où cols représente la largeur de la zone de texte, les lignes représentent la hauteur de la zone de texte.

Contrôle de formulaire : Zone de saisie du mot de passe (input type="password")

Zone de saisie du mot de passe (input type="password") ") est principalement utilisé pour saisir certaines informations confidentielles, telles que les mots de passe. Parce que lorsque l'utilisateur saisit, ce qui est affiché n'est pas le contenu saisi, mais le symbole du point noir. . Des exemples de phrases sont les suivants :

<input type="password" name="yourpw">

Contrôle du formulaire ): Soumettre (input type="submit")

En soumettant (input type=submit), les informations du formulaire (Formulaire) peuvent être soumises au fichier pointé par l'action dans le formulaire. Un exemple de phrase est le suivant :

<input type="submit" value="submit">

Quelle page doit formulaire dans la page à laquelle être soumis ? Il est défini par l'attribut action.

Cliquez ensuite sur le bouton <input type="submit"> pour transférer vers la page correspondante

Vous pouvez également cliquer sur le bouton <input type="button"> Événement onClick pour réinitialiser la valeur de l'attribut d'action du formulaire via le code js pour accéder à une autre page.