formulaire HTML: Créer un formulaire de contact en HTML

Home / logiciel / formulaire HTML: Créer un formulaire de contact en HTML

Même le côté simple nécessite souvent un formulaire HTML. Alors que le visiteur peut entrer des données et de le soumettre. Nous vous disons comment vous portez dans un formulaire de contact HTML et intègre dans le site.

formulaire HTML: Créer un formulaire de contact en HTML

Dans ce petit HTML Cours nous aimerions vous expliquer comment vous pouvez créer un formulaire HTML lui-même et se développer. L'important est également sur les différents types comme formulaire peut être envoyé. Pour le déterminer, entre autres, la mise en place d'un formulaire de contact en HTML (et peut-être un peu de PHP).

faire des formulaires HTML lui-même

Les formulaires ont des éléments spéciaux en HTML. Il y a des zones de texte et des boutons, des cases à cocher et des menus déroulants. Pour une introduction à devriez-vous lire, par exemple, dans le manuel SelfHTML. Nous devons supposer que vous avez déjà maîtrisé les règles de base du codage HTML. Les formulaires HTML sont, combien d'éléments HTML, début et la fin. Vous commencez avec une telle forme <former ... et il se termine par </ form>,

HTML formes quelltextformulaires HTML peut être facile - ou extrêmement compliquée

Les formulaires de contact HTML les plus simples consistent en une ligne de départ, qui soumet le formulaire via la boîte e-mail du visiteur, certains champs de texte, un bouton de soumission et le dernier jour. Comme ceci:

<form action ="mailto: @ empfaenger mailadresse.de"méthode ="poste">Votre nom et prénom?<br><input type ="texte" name ="Nom Prénom" value =""size ="30" maxlength ="50"><input type ="soumettre" name ="" value ="envoyer"></ form>

html-forme d'entrée-sortieVoici à quoi il ressemble alors. À gauche, vous pouvez voir la forme et à droite l'e-mail, qui envoie sur le programme de messagerie sous cette forme alors. Ceci est bien sûr un peu une forme. Envoi par compte de messagerie est aussi primitive et plutôt indésirable pour les visiteurs.

début Photogallery(12 images)Astuces Google: Nouvelles fonctionnalités, Oeufs de Pâques et d'assistance pour le moteur de recherche

formulaire HTML: règles de base

Voici quelques règles de base pour un formulaire HTML. Ceux-ci doivent regarder, de sorte que la forme fonctionne du tout.

  1. Un formulaire HTML commence par la balise HTML <forme - suivi de quelques instructions.
  2. La déclaration la plus importante dans un formulaire HTML est action. La commande d'action est suivie par un signe égal et cite alors, entre ce qui est la commande réelle. Comme on peut le voir comme ci-dessus, l'une des actions du jour mailto et une adresse e-mail peut être. Action =&# 8221; mailto: @ empfaenger mailadresse.de&# 8221;.
  3. La balise sous forme d'introduction toujours nécessaire de se rendre une méthode de travail. pour méthode il y a les attributs poste et obtenir. get dépend des données de formulaire à l'URL demandée et est utilisé pour un traitement ultérieur. poste cependant, envoie les données au serveur où ils peuvent être envoyés par des programmes spéciaux. Dans de tels scripts formulaire ci-dessous d'aller plus loin.
  4. Pour envoyer le formulaire nécessite un bouton d'envoi. input type =&Soumettre; # 8221&# 8221; indique qu'une touche est généré. Le nom est généralement pas important dans ce cas. Et = entre les guillemets de valeur&# 8221;&# 8221; est ce qui est écrit sur le bouton. Ainsi, par exemple, Soumettre.
  5. Donc, tout ce qui se passe, vous avez encore besoin d'au moins un champ de formulaire. Ainsi, par exemple, un type d'entrée =&# 8221; texte&# 8221;, le champ de texte est généré.
  6. Ces champs doivent noms et ils doivent être uniques et différents. Ensuite, dans le message que vous recevez chaque nom de champ, suivi de la valeur que l'expéditeur est entré là-bas.
  7. Le formulaire est rempli par </ form>

Envoyer un formulaire HTML &# 8211; portée

Comme mentionné ci-dessus, la version la plus simple d'un formulaire HTML avec la commande mailto via le client de messagerie du visiteur est envoyé. Ceci est bien sûr une façon très primitive.

Beaucoup plus efficaces sont des scripts pré-préparés qui ont été écrits en CGI ou PHP et stockés sur le serveur. Mais cela suppose que votre espace web prend également en charge! Demande le fournisseur en cas de doute. Dans certains cas, les grands fournisseurs offrent également des solutions prêtes formulaire sont disponibles, que vous pouvez librement configurer et à intégrer dans votre site.

php-script free formulaire HTMLVos formulaires HTML peuvent être envoyés par les scripts de messagerie forme libre

Ces scripts peuvent personnaliser leur exemple télécharger ici. Il y a aussi un formulaire de contact ici préparé. En règle générale, vous devez adapter quelques paramètres tels que votre adresse e-mail et l'URL de la page de contact. Après cela, les fonctions PHP du serveur acceptent l'envoi de courrier et de vous envoyer les résultats propres formatés pour.

Erreurs courantes dans les formulaires de contact HTML

Au-dessus, nous avons déjà mentionné quelques règles de base pour les formulaires HTML. Il y a quelques erreurs de débutant, qui assurent que les formulaires de contact HTML ne sont même pas envoyés. Ou les résultats entrants sont incomplets.

Voici une liste des erreurs de forme les plus courantes et leurs raisons:

problème

erreur

Seule une partie des données demandées arrive.Cela se produit souvent si vous copiez un champ de formulaire et insérez à nouveau. on oublie ici pour donner le deuxième champ son propre nom unique, donc il y a deux champs avec le même nom et dans le meilleur des cas, un seul est envoyé.
La forme ne transmet pas.soit le action-Erreur de commande, ou il était mauvais méthode sélectionné. Les contrôles à la fois Et si cela ne fonctionne pas, vérifiez les paramètres sous forme de courrier façon Skript.Weitere !:

Votre serveur ne supporte pas l'envoi de courrier via PHP &# 8211; Demande!

avez-vous "formulaire HTML: Créer un formulaire de contact en HTML" tombé de Marco Kratzenberg?Ecrivez-nous dans les commentaires ou partager l'article.Nous attendons avec impatience votre opinion - et bien sûr, vous devez nous comme sur Facebook,twitter ou Google+.