Comment faire pour créer des formulaires web avec HTML5

category Ordinateurs et logiciels / Programmation / Html

Formulaires HTML peuvent présenter des informations aux utilisateurs, en utilisant texte et des images. Chaque forme a la même structure de base. Quels éléments d'entrée que vous utilisez dépend des données que vous présentez et la collecte.

Sommaire

La élément est un contenu et contenant entrée: Il fonctionne un peu comme le paragraphe (

) Élément, qui contient le texte de paragraphe, ou comme la division (

) Élément, qui contient différents types de sous-éléments dans un document section logique. Ainsi, tous les éléments d'entrée associées à une seule forme sont

  • Contenue dans un élément.

  • Transformé par le même gestionnaire de formulaire.




UN gestionnaire de formulaire est un programme sur le serveur web (ou d'une simple mailto: URL) qui gère les données qu'un utilisateur envoie à vous à travers la forme. Un navigateur web ne peut recueillir des informations par le biais formes- il ne sait pas quoi faire avec l'information après qu'il a attrapé il. Vous devez fournir un autre mécanisme pour réellement faire quelque chose d'utile avec les données que vous collectez sous aucune forme.

Attributs

Vous utilisez toujours ces deux caractéristiques clés avec le tag:

  • action: L'URL de la forme gestionnaire

  • méthode: Comment vous voulez données de formulaire à être envoyés à la forme gestionnaire

    Votre gestionnaire de formulaire qui dicte des valeurs suivantes à utiliser pour méthode. (Votre hébergeur ou prestataire de services a probablement un document qui décrit comment invoquer forme le gestionnaire de votre serveur web local, y compris les détails oh-so-nécessaires -. Et probablement quelques exemples, aussi)

  • obtenir envoie les données de formulaire au gestionnaire de formulaire sur l'URL.

  • poste envoie les données de formulaire dans la HyperText Transfer Protocol (HTTP) d'en-tête.

Webmonkey examine la différence entre obtenir et poste dans son “ Ajouter des formulaires HTML à votre site ” article. Vous pouvez également trouver un grand débat de HTML5 forme balisage sur le site MSDN Magazine.

Markup

Le balisage dans cette annonce crée un formulaire qui utilise la poste méthode pour envoyer les informations saisies par l'utilisateur pour un gestionnaire de formulaire (guestbook.php) À traiter sur le serveur Web.

Formulaires

La valeur de la action attribut est une URL, de sorte que vous pouvez utiliser des URL absolus ou relatifs à pointer vers un gestionnaire de formulaire sur votre serveur.

Articles Similaires

A propos Auteur
Comment utiliser les champs de mot de passe et les champs cachés dans votre formulaire de html5 Comment utiliser les champs de mot de passe et les champs cachés dans votre formulaire de html5

UN champ Mot de passe est un champ spécial de texte sur un formulaire web qui ne comporte pas ce que les types d'utilisateurs. Chaque touche est représentée à l'écran par un personnage fictif, comme un astérisque ou une balle, de sorte que…

Comment utiliser les champs de texte dans votre formulaire de html5 Comment utiliser les champs de texte dans votre formulaire de html5

Vous pouvez utiliser une variété de types de champs d'entrée dans vos formulaires, tels que texte, mot de passe, radio (bouton), case, caché, recherche, tél (numéro de téléphone), URL, email (adresse), datetime, date, mois, semaine, temps,…

Comment valider les éléments de formulaire HTML dans javascript Comment valider les éléments de formulaire HTML dans javascript

La validation est un élément important de travailler avec des formulaires HTML. Malheureusement, pas tous les navigateur prend en charge les fonctionnalités de validation de HTML5. L'exemple que vous trouverez ici ne fonctionnera pas avec…

5 astuces Html5 forme d'entrée 5 astuces Html5 forme d'entrée

La façon la plus courante pour obtenir l'entrée d'utilisateur pour un programme javascript est en utilisant des éléments de formulaire HTML. La dernière version de HTML, HTML5, dispose de plusieurs nouveaux éléments de formulaire et les…

Comment utiliser les propriétés de formulaire à coder avec javascript Comment utiliser les propriétés de formulaire à coder avec javascript

En javascript, les propriétés de la Forme objet correspondent avec les attributs de l'élément de formulaire HTML. Ils sont utilisés pour obtenir ou définir les valeurs de l'HTML forme attributs d'élément avec javascript. Consultez…

Comment utiliser PHP pour construire une forme de HTML5 avec des éléments complexes Comment utiliser PHP pour construire une forme de HTML5 avec des éléments complexes

Pour un exemple d'utilisation de PHP pour créer des formulaires HTML5 plus complexes, regarder par-dessus monty.html. Ce programme est un hommage à l'un des meilleurs films de tous les temps. (Vous pourriez avoir à louer ce film si vous allez…

Comment utiliser PHP pour construire un programme qui fait son propre formulaire de html5 Comment utiliser PHP pour construire un programme qui fait son propre formulaire de html5

Une application particulièrement importante de la si la structure est unique à la programmation PHP côté serveur. Jusqu'à présent, la plupart de vos programmes PHP requise des deux fichiers séparés: une page HTML pour obtenir des…

Comment ajouter javascript validation pour un formulaire web Comment ajouter javascript validation pour un formulaire web

Vous pouvez ajouter la validation javascript à un formulaire web. Si vous avez un formulaire, vous devrez vous connecter à la forme de soumettre événement. Si vous utilisez jQuery, le faire est vraiment, vraiment facile. Le processus de…

Comment faire pour créer un formulaire dans l'application des numéros pour iPad Comment faire pour créer un formulaire dans l'application des numéros pour iPad

UN forme est un moyen de fournir entrée à une seule rangée de une feuille de calcul en chiffres pour iPad conviviale. Tableur peut être intimidant, mais une forme simple, comme ce que vous pourriez voir sur un presse-papiers au bureau de votre…

Attributs de nouveaux éléments de formulaire dans html5 Attributs de nouveaux éléments de formulaire dans html5

HTML5 introduit de nouveaux éléments de formulaire et donne tous les éléments de formulaire quelques nouveaux goodies. Comme vous concevez et construisez des pages Web, vous pouvez appliquer ces nouveaux attributs et les capacités à tout…

Comment ajouter des boutons à une forme de html5 Comment ajouter des boutons à une forme de html5

Le bouton omniprésente est un aliment de base de toute page web, et si vous construisez votre page en utilisant HTML5, vous pouvez inclure tous les types habituels de boutons. Il existe trois principaux types de boutons, mais ils se ressemblent…

Comment construire une case à cocher dans votre formulaire de html5 Comment construire une case à cocher dans votre formulaire de html5

Parfois, vous voulez que vos utilisateurs de pages Web pour indiquer si l'information est vraie ou fausse. Le HTML5 case élément est parfait pour ce genre d'entrée, car l'utilisateur peut cliquer pour sélectionner ou désélectionner l'option.…

Comment mettre des boîtes de texte dans un formulaire de html5 Comment mettre des boîtes de texte dans un formulaire de html5

La plupart des utilisations éléments de formulaire HTML5 sont basées sur le contribution tag. Cette bête pages bâtiment-web est une balise à usage général utilisé pour faire un certain nombre d'objets d'entrée intéressants, mais il est…

Comment faire pour créer un formulaire dans dreamweaver Comment faire pour créer un formulaire dans dreamweaver

Dreamweaver ne fait pas la construction d'une forme de base beaucoup plus facile que de coder directement en HTML. Il est pas comme tapant prend beaucoup plus de temps que de choisir Insérez-Form-Form. La valeur réelle de Dreamweaver réside dans…

» » » » Comment faire pour créer des formulaires web avec HTML5