Maison  >  Article  >  interface Web  >  Éléments de formulaire : le résumé le plus complet sur la façon d'obtenir et d'utiliser divers éléments de formulaire HTML

Éléments de formulaire : le résumé le plus complet sur la façon d'obtenir et d'utiliser divers éléments de formulaire HTML

伊谢尔伦
伊谢尔伦original
2017-05-31 16:46:035730parcourir

Un formulaire est un outil d'interaction entre les pages Web et les utilisateurs. Il se compose d'un élément

. Un formulaire peut contenir des éléments de contrôle de formulaire tels que , ,

1. Nouveaux éléments de formulaire et exemples d'utilisation en HTML5

1. Résumé de l'utilisation des nouveaux éléments de formulaire en HTML5 et tutoriels pratiques

Éléments de formulaire : le résumé le plus complet sur la façon dobtenir et dutiliser divers éléments de formulaire HTML

Nouvel élément de formulaire HTML5

 : La balise définit une liste d'options. Utilisez cet élément en conjonction avec un élément d'entrée pour définir les valeurs possibles de l'entrée.

: La balise spécifie le champ générateur de paire de clés à utiliser pour le formulaire.

: La balise définit différents types de sortie, comme la sortie d'un script.

2.Compréhension complète des éléments du formulaire HTML Form

L'élément datalist spécifie une liste d'options pour le champ de saisie. La liste est créée via l'élément option dans la datalist. Si vous devez lier la liste de données au champ de saisie, veuillez utiliser l'attribut list du champ de saisie pour référencer l'identifiant de la liste de données. L'élément

keygen est un générateur de paires de clés. Lorsque le formulaire est soumis, deux clés sont générées, une clé privée et une clé publique. La clé privée est stockée sur le client et la clé publique est envoyée au serveur. L'élément

output est utilisé pour différents types de sortie, tels que la sortie de calcul ou de script.


2. Explication détaillée des éléments de formulaire en PHP

1. Introduction aux éléments de formulaire PHP : sélectionnez les balises de champ et les balises de champ de texte

Éléments de formulaire : le résumé le plus complet sur la façon dobtenir et dutiliser divers éléments de formulaire HTML

En sélectionnant les balises de champ et

2. Introduction aux éléments de formulaire PHP : balise de champ de saisie

Éléments de formulaire : le résumé le plus complet sur la façon dobtenir et dutiliser divers éléments de formulaire HTML

La balise de champ de saisie un form L'une des balises les plus couramment utilisées dans . Les balises de champ de saisie couramment utilisées incluent des zones de texte, des boutons, des boutons radio, des cases à cocher, etc.

3.Exemple de traitement PHP Élément de formulaire de case à sélection multiple

La méthode d'acquisition de la valeur de la case à cocher est différente de la méthode d'acquisition d'entrée ordinaire. la case à cocher un nom unifié sous la forme d'un tableau, comme mycheckbox[], est un moyen de définir un tableau en PHP. Récupérez ensuite ces données en arrière-plan, telles que $_POST['mycheckbox'] du formulaire POST. À ce stade, ces données sont déjà un tableau.

3. Obtenez et utilisez des éléments de formulaire avec javascript et jquery

1 Plusieurs façons d'obtenir des éléments de formulaire avec javascript

La première méthode, parcourir le nom de l'élément

La deuxième méthode : parcourir l'index de l'élément

La troisième méthode : parcourir l'identifiant de l'élément

2.

Code jQuery pour le traitement des éléments de formulaire

1). Récupérez la valeur de la classe d'entrée : $("input").val();

2). Récupérez la valeur de la classe textarea : $("textarea").val ();

3). Obtenez la valeur de la classe select : $("select").val();

Lorsque le formulaire contient plusieurs classes d'entrée (ou classes textarea et select classes), utilisez ce qui précède. La méthode obtiendra un tableau. Bien entendu, vous pouvez ajouter des identifiants à ces contrôles pour obtenir la valeur d'un contrôle spécifique, par exemple : $("input#myID").val().

Questions et réponses liées aux éléments du formulaire :

1. Front-end - Y a-t-il un problème avec le. mouvement relatif de la page lorsque l'on clique sur l'élément de formulaire sur le terminal mobile ?

2. javascript - Comment obtenir la valeur interne du contrôle des éléments de formulaire React-bootstrap dans React

3 Comment obtenir le formulaire. dans javascript Element select

[Recommandations associées]

1 Tutoriel vidéo html5 original php.cn

2. php.cn Dugu Jiujian (4) - Tutoriel vidéo PHP"

3. php.cn Dugu Jiujian (3) - Tutoriel vidéo JavaScript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

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