René's URL Explorer Experiment


Title: Formulaires web — Travailler avec les données saisies - Apprendre | MDN

Open Graph Title: Formulaires web — Travailler avec les données saisies - Apprendre | MDN

Description: Ce module contient un ensemble d'article pour acquérir les notions fondamentales relatives aux formulaires web. Les formulaires web sont un outil puissant pour l'interaction avec les utilisatrices et utilisateurs. On les utilise généralement pour collecter des données saisies ou pour permettre le contrôle de l'interface. Toutefois, pour des raisons historiques et techniques, il n'est pas évident de les utiliser avec tout leur potentiel. Dans les articles indiqués ci-après, nous aborderons les concepts essentiels des formulaires web : leur structure HTML, la mise en forme des contrôles des formulaires, la validation des données, et l'envoi de données au serveur.

Open Graph Description: Ce module contient un ensemble d'article pour acquérir les notions fondamentales relatives aux formulaires web. Les formulaires web sont un outil puissant pour l'interaction avec les utilisatrices et utilisateurs. On les utilise généralement pour collecter des données saisies ou pour permettre le contrôle de l'interface. Toutefois, pour des raisons historiques et techniques, il n'est pas évident de les utiliser avec tout leur potentiel. Dans les articles indiqués ci-après, nous aborderons les concepts essentiels des formulaires web : leur structure HTML, la mise en forme des contrôles des formulaires, la validation des données, et l'envoi de données au serveur.

Opengraph URL: https://developer.mozilla.org/fr/docs/Learn_web_development/Extensions/Forms

direct link

Domain: developer.mozilla.org

og:localefr
og:imagehttps://developer.mozilla.org/mdn-social-image.46ac2375.png
og:image:typeimage/png
og:image:height1024
og:image:width1024
og:image:altLogo MDN
og:site_nameMDN Web Docs
twitter:cardsummary
twitter:creatorMozDevNet
position3

Links:

Passer au contenu principalhttps://developer.mozilla.org/fr/docs/Learn_web_development/Extensions/Forms#content
Passer à la recherchehttps://developer.mozilla.org/fr/docs/Learn_web_development/Extensions/Forms#search
MDN https://developer.mozilla.org/fr/
HTML: Markup languagehttps://developer.mozilla.org/fr/docs/Web/HTML
Elementshttps://developer.mozilla.org/fr/docs/Web/HTML/Reference/Elements
Global attributeshttps://developer.mozilla.org/fr/docs/Web/HTML/Reference/Global_attributes
Attributeshttps://developer.mozilla.org/fr/docs/Web/HTML/Reference/Attributes
See all…https://developer.mozilla.org/fr/docs/Web/HTML/Reference
Responsive imageshttps://developer.mozilla.org/fr/docs/Web/HTML/Guides/Responsive_images
HTML cheatsheethttps://developer.mozilla.org/fr/docs/Web/HTML/Guides/Cheatsheet
Date & time formatshttps://developer.mozilla.org/fr/docs/Web/HTML/Guides/Date_and_time_formats
See all…https://developer.mozilla.org/fr/docs/Web/HTML/Guides
SVGhttps://developer.mozilla.org/fr/docs/Web/SVG
MathMLhttps://developer.mozilla.org/fr/docs/Web/MathML
XMLhttps://developer.mozilla.org/fr/docs/Web/XML
CSS: Styling languagehttps://developer.mozilla.org/fr/docs/Web/CSS
Propertieshttps://developer.mozilla.org/fr/docs/Web/CSS/Reference/Properties
Selectorshttps://developer.mozilla.org/fr/docs/Web/CSS/Reference/Selectors
At-ruleshttps://developer.mozilla.org/fr/docs/Web/CSS/Reference/At-rules
Valueshttps://developer.mozilla.org/fr/docs/Web/CSS/Reference/Values
See all…https://developer.mozilla.org/fr/docs/Web/CSS/Reference
Box modelhttps://developer.mozilla.org/fr/docs/Web/CSS/Guides/Box_model/Introduction
Animationshttps://developer.mozilla.org/fr/docs/Web/CSS/Guides/Animations/Using
Flexboxhttps://developer.mozilla.org/fr/docs/Web/CSS/Guides/Flexible_box_layout/Basic_concepts
Colorshttps://developer.mozilla.org/fr/docs/Web/CSS/Guides/Colors/Applying_color
See all…https://developer.mozilla.org/fr/docs/Web/CSS/Guides
Column layoutshttps://developer.mozilla.org/fr/docs/Web/CSS/How_to/Layout_cookbook/Column_layouts
Centering an elementhttps://developer.mozilla.org/fr/docs/Web/CSS/How_to/Layout_cookbook/Center_an_element
Card componenthttps://developer.mozilla.org/fr/docs/Web/CSS/How_to/Layout_cookbook/Card
See all…https://developer.mozilla.org/fr/docs/Web/CSS/How_to/Layout_cookbook
JavaScript: Scripting languagehttps://developer.mozilla.org/fr/docs/Web/JavaScript
Standard built-in objectshttps://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Global_Objects
Expressions & operatorshttps://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Operators
Statements & declarationshttps://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Statements
Functionshttps://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Functions
See all…https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference
Control flow & error handinghttps://developer.mozilla.org/fr/docs/Web/JavaScript/Guide/Control_flow_and_error_handling
Loops and iterationhttps://developer.mozilla.org/fr/docs/Web/JavaScript/Guide/Loops_and_iteration
Working with objectshttps://developer.mozilla.org/fr/docs/Web/JavaScript/Guide/Working_with_objects
Using classeshttps://developer.mozilla.org/fr/docs/Web/JavaScript/Guide/Using_classes
See all…https://developer.mozilla.org/fr/docs/Web/JavaScript/Guide
Web APIs: Programming interfaceshttps://developer.mozilla.org/fr/docs/Web/API
File system APIhttps://developer.mozilla.org/fr/docs/Web/API/File_System_API
Fetch APIhttps://developer.mozilla.org/fr/docs/Web/API/Fetch_API
Geolocation APIhttps://developer.mozilla.org/fr/docs/Web/API/Geolocation_API
HTML DOM APIhttps://developer.mozilla.org/fr/docs/Web/API/HTML_DOM_API
Push APIhttps://developer.mozilla.org/fr/docs/Web/API/Push_API
Service worker APIhttps://developer.mozilla.org/fr/docs/Web/API/Service_Worker_API
See all…https://developer.mozilla.org/fr/docs/Web/API
Using the Web animation APIhttps://developer.mozilla.org/fr/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API
Using the Fetch APIhttps://developer.mozilla.org/fr/docs/Web/API/Fetch_API/Using_Fetch
Working with the History APIhttps://developer.mozilla.org/fr/docs/Web/API/History_API/Working_with_the_History_API
Using the Web speech APIhttps://developer.mozilla.org/fr/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API
Using web workershttps://developer.mozilla.org/fr/docs/Web/API/Web_Workers_API/Using_web_workers
All web technologyhttps://developer.mozilla.org/fr/docs/Web
Accessibilityhttps://developer.mozilla.org/fr/docs/Web/Accessibility
HTTPhttps://developer.mozilla.org/fr/docs/Web/HTTP
URIhttps://developer.mozilla.org/fr/docs/Web/URI
Web extensionshttps://developer.mozilla.org/fr/docs/Mozilla/Add-ons/WebExtensions
WebAssemblyhttps://developer.mozilla.org/fr/docs/WebAssembly
WebDriverhttps://developer.mozilla.org/fr/docs/Web/WebDriver
See all…https://developer.mozilla.org/fr/docs/Web
Mediahttps://developer.mozilla.org/fr/docs/Web/Media
Performancehttps://developer.mozilla.org/fr/docs/Web/Performance
Privacyhttps://developer.mozilla.org/fr/docs/Web/Privacy
Securityhttps://developer.mozilla.org/fr/docs/Web/Security
Progressive web appshttps://developer.mozilla.org/fr/docs/Web/Progressive_web_apps
Learn web developmenthttps://developer.mozilla.org/fr/docs/Learn_web_development
Getting started moduleshttps://developer.mozilla.org/fr/docs/Learn_web_development/Getting_started
Core moduleshttps://developer.mozilla.org/fr/docs/Learn_web_development/Core
MDN Curriculumhttps://developer.mozilla.org/en-US/curriculum/
Check out the video course from Scrimba, our partnerhttps://scrimba.com/frontend-path-c0j?via=mdn-learn-navbar
Structuring content with HTML modulehttps://developer.mozilla.org/fr/docs/Learn_web_development/Core/Structuring_content
CSS styling basics modulehttps://developer.mozilla.org/fr/docs/Learn_web_development/Core/Styling_basics
CSS layout modulehttps://developer.mozilla.org/fr/docs/Learn_web_development/Core/CSS_layout
Dynamic scripting with JavaScript modulehttps://developer.mozilla.org/fr/docs/Learn_web_development/Core/Scripting
Playgroundhttps://developer.mozilla.org/en-US/play
HTTP Observatoryhttps://developer.mozilla.org/en-US/observatory
Border-image generatorhttps://developer.mozilla.org/fr/docs/Web/CSS/Guides/Backgrounds_and_borders/Border-image_generator
Border-radius generatorhttps://developer.mozilla.org/fr/docs/Web/CSS/Guides/Backgrounds_and_borders/Border-radius_generator
Box-shadow generatorhttps://developer.mozilla.org/fr/docs/Web/CSS/Guides/Backgrounds_and_borders/Box-shadow_generator
Color format converterhttps://developer.mozilla.org/fr/docs/Web/CSS/Guides/Colors/Color_format_converter
Color mixerhttps://developer.mozilla.org/fr/docs/Web/CSS/Guides/Colors/Color_mixer
Shape generatorhttps://developer.mozilla.org/fr/docs/Web/CSS/Guides/Shapes/Shape_generator
About MDNhttps://developer.mozilla.org/en-US/about
Advertise with ushttps://developer.mozilla.org/en-US/advertising
Communityhttps://developer.mozilla.org/en-US/community
MDN on GitHubhttps://github.com/mdn
Bloghttps://developer.mozilla.org/en-US/blog/
Apprendrehttps://developer.mozilla.org/fr/docs/Learn_web_development
Modules étendushttps://developer.mozilla.org/fr/docs/Learn_web_development/Extensions
Formulaires web — Travailler avec les données saisieshttps://developer.mozilla.org/fr/docs/Learn_web_development/Extensions/Forms
https://github.com/orgs/mdn/discussions/739
https://developer.mozilla.org/de/docs/Learn_web_development/Extensions/Forms
https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms
https://developer.mozilla.org/es/docs/Learn_web_development/Extensions/Forms
https://developer.mozilla.org/fr/docs/Learn_web_development/Extensions/Forms
https://developer.mozilla.org/ja/docs/Learn_web_development/Extensions/Forms
https://developer.mozilla.org/ko/docs/Learn_web_development/Extensions/Forms
https://developer.mozilla.org/pt-BR/docs/Learn_web_development/Extensions/Forms
https://developer.mozilla.org/ru/docs/Learn_web_development/Extensions/Forms
https://developer.mozilla.org/zh-CN/docs/Learn_web_development/Extensions/Forms
https://developer.mozilla.org/zh-TW/docs/Learn_web_development/Extensions/Forms
Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.https://developer.mozilla.org/fr/docs/MDN/Community/Contributing/Translated_content#langues_actives
https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms
Prérequishttps://developer.mozilla.org/fr/docs/Learn_web_development/Extensions/Forms#prérequis
Guides introductifshttps://developer.mozilla.org/fr/docs/Learn_web_development/Extensions/Forms#guides_introductifs
Les différents contrôles d'un formulairehttps://developer.mozilla.org/fr/docs/Learn_web_development/Extensions/Forms#les_différents_contrôles_dun_formulaire
Guides relatifs à la mise en forme des formulaireshttps://developer.mozilla.org/fr/docs/Learn_web_development/Extensions/Forms#guides_relatifs_à_la_mise_en_forme_des_formulaires
Valider et soumettre les données d'un formulairehttps://developer.mozilla.org/fr/docs/Learn_web_development/Extensions/Forms#valider_et_soumettre_les_données_dun_formulaire
Articles avancéshttps://developer.mozilla.org/fr/docs/Learn_web_development/Extensions/Forms#articles_avancés
Voir aussihttps://developer.mozilla.org/fr/docs/Learn_web_development/Extensions/Forms#voir_aussi
Prérequishttps://developer.mozilla.org/fr/docs/Learn_web_development/Extensions/Forms#prérequis
Introduction à HTMLhttps://developer.mozilla.org/fr/docs/Learn_web_development/Core/Structuring_content
les guides introductifshttps://developer.mozilla.org/fr/docs/Learn_web_development/Extensions/Forms#guides_introductifs
le guide sur les contrôles natifs de base des formulaireshttps://developer.mozilla.org/fr/docs/Learn_web_development/Extensions/Forms/Basic_native_form_controls
CSShttps://developer.mozilla.org/fr/docs/Learn_web_development/Core/Styling_basics
JavaScripthttps://developer.mozilla.org/fr/docs/Learn_web_development/Core/Scripting
JSBinhttps://jsbin.com/
Glitchhttps://glitch.com/
Guides introductifshttps://developer.mozilla.org/fr/docs/Learn_web_development/Extensions/Forms#guides_introductifs
Votre premier formulairehttps://developer.mozilla.org/fr/docs/Learn_web_development/Extensions/Forms/Your_first_form
Comment structurer un formulaire webhttps://developer.mozilla.org/fr/docs/Learn_web_development/Extensions/Forms/How_to_structure_a_web_form
Les différents contrôles d'un formulairehttps://developer.mozilla.org/fr/docs/Learn_web_development/Extensions/Forms#les_différents_contrôles_dun_formulaire
Les contrôles natifs de base des formulaireshttps://developer.mozilla.org/fr/docs/Learn_web_development/Extensions/Forms/Basic_native_form_controls
https://developer.mozilla.org/fr/docs/Web/HTML/Reference/Elements/input
Les types de champs HTML5https://developer.mozilla.org/fr/docs/Learn_web_development/Extensions/Forms/HTML5_input_types
https://developer.mozilla.org/fr/docs/Web/HTML/Reference/Elements/output
Les autres contrôles de formulairehttps://developer.mozilla.org/fr/docs/Learn_web_development/Extensions/Forms/Other_form_controls
https://developer.mozilla.org/fr/docs/Web/HTML/Reference/Elements/select