background preloader

Les formulaires HTML

Les formulaires HTML
Janvier 2015 Intérêt d'un formulaire Les formulaires interactifs permettent aux auteurs de pages Web de doter leur page web d'éléments interactifs permettant par exemple un dialogue avec les internaute, à la manière des coupons-réponse présents dans certains magazines. Le lecteur saisit des informations en remplissant des champs ou en cliquant sur des boutons, puis appuie sur un bouton de soumission (submit) pour l'envoyer soit à un URL, c'est-à-dire de façon générale à une adresse e-mail ou à un script de page web dynamique tel que PHP, ASP ou un script CGI. La balise FORM Les formulaires sont délimités par la balise <FORM> ... Voici la syntaxe de la balise FORM : <FORM METHOD="POST" ou "GET" ACTION="url" ENCTYPE="x-www-form-urlencoded">... Voici quelques exemples de balises FORM : A l'intérieur de la balise FORM... La balise INPUT: un ensemble de boutons et de champs de saisieLa balise TEXTAREA: une zone de saisieLa balise SELECT: une liste à choix multiples Envoi des données La balise INPUT Related:  Get / post

Hypertext Markup Language/Formulaires Une page de Wikiversité. Début de la boite de navigation du chapitre fin de la boite de navigation du chapitre En raison de limitations techniques, la typographie souhaitable du titre, « Hypertext Markup Language : FormulairesHypertext Markup Language/Formulaires », n'a pu être restituée correctement ci-dessus. Introduction[modifier | modifier le wikicode] Un formulaire permet d'envoyer des données à une autre page, généralement codée en PHP, pour être ensuite interprétées et traitées. En HTML, il peut-être réalisé à l'aide de la balise <FORM> ... METHOD : forme des réponses envoyées.POST : envoi de données.GET : envoi des données via l'URL.ACTION : adresse d'envoi. L'intérieur du formulaire peut être complété avec 3 balises : LABEL : assigne un nom à un objet.INPUT : ajoute des boutons ou des champs de saisie.TEXTAREA : ajoute une zone de saisie.SELECT : ajoute une liste à choix multiples. INPUT[modifier | modifier le wikicode] Syntaxe[modifier | modifier le wikicode] INPUT TYPE="file" :

Le protocole HTTP Septembre 2017 Introduction au protocole HTTP Le protocole HTTP (HyperText Transfer Protocol) est le protocole le plus utilisé sur Internet depuis 1990. La version 0.9 était uniquement destinée à transférer des données sur Internet (en particulier des pages Web écrites en HTML] La version 1.0 du protocole (la plus utilisée) permet désormais de transférer des messages avec des en-têtes décrivant le contenu du message en utilisant un codage de type MIME. Le but du protocole HTTP est de permettre un transfert de fichiers (essentiellement au format HTML) localisés grâce à une chaîne de caractères appelée URL entre un navigateur (le client) et un serveur Web (appelé d'ailleurs httpd sur les machines UNIX). Communication entre navigateur et serveur La communication entre le navigateur et le serveur se fait en deux temps : Requête HTTP Une requête HTTP est un ensemble de lignes envoyé au serveur par le navigateur. METHODE URL VERSION<crlf> EN-TETE : Valeur<crlf> . . . Commandes En-têtes Réponse HTTP

PHP : Le tutoriel pour grands débutants pressés Pour l'instant, on a manipulé des variables que l'on entrait "à la main" soi-même. Il nous faut maintenant voir comment manipuler véritablement des variables, entrées par l'utilisateur. III-1. Les formulaires▲ Vous le savez, un formulaire en HTML, c'est la suite de balises suivante : un formulaire typique sur la page saisie.php Sélectionnez <form name="inscription" method="post" action="saisie.php"> Entrez votre pseudo : <input type="text" name="pseudo"/><br/> Entrez votre ville : <input type="text" name="ville"/><br/><input type="submit" name="valider" value="OK"/></form> Ici, ce formulaire présente une zone de saisie pour entrer son pseudo, va à la ligne, une zone de saisie pour entrer sa ville, va à la ligne, et enfin un bouton pour valider sur lequel sera écrit 'OK'... Le but, vous l'aurez compris, c'est de récupérer, via PHP, les infos entrées par n'importe quel usager. Voici comment les choses vont se découper : III-2. Structure d'une condition if basique Une condition imbriquée III-3. <?

Prévoir un site pour toutes les résolutions - Alsacréations La question des dimensions idéales d'un site est souvent posée. Les résolutions d'écran varient généralement de 800x600 pixels à 1280x960 pixels, en passant par 1024x768. Quelle est donc la résolution à privilégier ? Quelle est la dimension idéale pour un site web ? Les sites web étant conçus avec des éléments graphiques (la plupart du temps) non vectoriels, ceux-ci n'adoptent pas le même rendu selon la résolution de l'écran du visiteur, notamment en terme de répartition horizontale. Faut-il centrer ? Quelques statistiques (2010) 1% d'utilisateurs en 800x600 20% en 1024x768 75% en résolutions supérieures (sources : W3Schools, W3counter) Premier constat : pour toucher un maximum de visiteurs (toutes résolutions confondues), un site doit être conçu sur une résolution minimale de 1024x768, et être consultable (avec ascenseurs) dans les résolutions inférieures. Tendances actuelles Il existe plusieurs techniques de design qui s'adaptent bien à toutes les résolutions actuelles : Le design fluide

Le langage HTML/Formulaires Un livre de Wikilivres. Un formulaire fournit un espace sur la page HTML où l'utilisateur peut entrer des données ; données qui pourront être envoyées au serveur pour être éventuellement traitées. Un formulaire est composé d'un ou plusieurs éléments d'entrée englobés par la balise <form>. <form method="post"><p>Entrez votre nom : <input type="text" name="nom"></p><p>Entrez votre prénom : <input type="text" name="prenom"></p></form> Attention : la manière dont les données envoyées au serveur seront traitées ne dépendent pas du code HTML, qui peut juste indiquer le type de communication HTTP souhaité : get ou post. La balise <form>[modifier | modifier le wikicode] <form> permet de regrouper plusieurs entrées sous un seul nom, ce qui permettra de les traiter ensemble. Ici, si vous cliquez sur « Envoyer 2 », les données saisies dans « nom » ne seront pas récupérées car le bouton « Envoyer 2 » ne porte que sur le formulaire dans lequel il se trouve (en l'occurrence « formulaire_2 »). text radio

HTTP Made Really Easy A Practical Guide to Writing Clients and Servers Home > Web Technology Made Really Easy > HTTP Made Really Easy Donate Table of Contents|Footnotes December 10, 2012-- Updated the links about robots. HTTP is the network protocol of the Web. This tutorial explains the simple, English-based structure of HTTP communication, and teaches you the practical details of writing HTTP clients and servers. Since you're reading this, you probably already use CGI. The whole tutorial is about 15 printed pages long, including examples. Before getting started, understand the following two paragraphs: Writing HTTP or other network programs requires more care than programming for a single machine. OK, enough of that. Top of Page Using HTTP 1.0 Upgrading to HTTP 1.1 Appendix The HTTP Specification Several related topics are discussed on a "footnotes" page: What is HTTP? HTTP stands for Hypertext Transfer Protocol. What are "Resources"? HTTP is used to transmit resources, not just files. Return to Table of Contents Notes:

PHP - Les opérateurs Septembre 2017 Qu'est-ce qu'un opérateur? Les opérateurs sont des symboles qui permettent de manipuler des variables, c'est-à-dire effectuer des opérations, les évaluer, ... On distingue plusieurs types d'opérateurs : les opérateurs de calcul les opérateurs d'assignation les opérateurs d'incrémentation les opérateurs de comparaison les opérateurs logiques (les opérateurs bit-à-bit) (les opérateurs de rotation de bit) Les opérateurs de calcul Les opérateurs de calcul permettent de modifier mathématiquement la valeur d'une variable Les opérateurs d'assignation Ces opérateurs permettent de simplifier des opérations telles que ajouter une valeur dans une variable et stocker le résultat dans la variable. Avec les opérateurs d'assignation il est possible d'écrire cette opération sous la forme suivante: $x+=2 Ainsi, si la valeur de x était 7 avant opération, elle sera de 9 après... Les autres opérateurs du même type sont les suivants : Les opérateurs d'incrémentation une variable. $x=$x+1 ou bien $x+=1

Mise en forme CSS d'un formulaire accessible - CSS Debutant Par défaut, les formulaires ne sont pas folichons. Pourtant, quel site n'a pas son formulaire ? (euh... mammouthland ?!!) Dès lors, la tentation est grande de mettre les champs dans des tableaux pour les aligner, et de rajouter du javascript pour un effet focus ou se passer un bouton d'envoi. Mais avec les CSS, on peut améliorer l'aspect d'un formulaire et rester accessible ! Fonctionne avec : Firefox ; SeaMonkey MSIE 6+ Opéra Safari, Chrome Attributs utilisés : background-color border, border-radius box-shadow color cursor display font-family, font-size, font-weight margin padding width Les formulaires sont tristounets, et leur mise en forme n'est pas très jolie.En voici la preuve : Grâce aux feuilles de style, on peut facilement égayer tout cela. Exemple Pour commencer, regardons le code HTML de plus près : Code (X)HTML <form action="toto.php" method="post" ><fieldset><legend> A propos des CSS : </legend><p>Savez-vous ce que veut dire CSS ? Code CSS Le résultat sera alors le suivant : Focus Haut

CGI - Réception et traitement des données Mars 2014 Envoyer des données à un script CGI L'envoi de données à un script CGI se fait par l'intermédiaire d'un formulaire HTML. Les formulaires HTML se créent à l'aide de la balise <FORM> contenant des boutons, des champs, des listes et/ou des cases à cocher repérés par des noms auxquels seront associés des valeurs, fonction de la saisie des utilisateurs, puis d'un bouton de soumission du formulaire qui enverra l'ensemble des informations au script indiqué en tant qu'attribut Action de la balise FORM selon la méthode GET ou POST. Nom_de_l_element=valeur L'ensemble des paires nom/valeur sont séparées par des esperluettes (le caractère « & »). champ1=valeur1&champ2=valeur2&champ3=valeur3 L'envoi de cette chaîne se fera différemment selon que la méthode utilisée pour l'envoi du formulaire est GET ou POST. Méthodes GET et POST Ainsi, la méthode POST est une bonne alternative à la méthode GET. A voir également Communautés d'assistance et de conseils.

Related: