Create robust, accessible web forms with best practices for HTML structure, CSS styling, JavaScript interactivity, form validation, and server-side processing. Use when asked to "create a form", "build a web form", "add a contact form", "make a signup form", or when building any HTML form with data handling. Covers PHP and Python backends, MySQL database integration, REST APIs, XML data exchange, accessibility (ARIA), and progressive web apps.
This skill provides comprehensive reference materials and best practices for creating web forms. It covers HTML syntax, UI/UX design, form validation, server-side processing (PHP and Python), data handling, and network communication.
Enable developers to build robust, accessible, and user-friendly web forms by providing:
This skill includes the following reference documentation:
styling-web-forms.md - Form styling techniques and best practicescss-styling.mdaccessibility.md - Web accessibility guidelines for formsjavascript.md - JavaScript techniques for form functionalityform-controls.md - Native form controls and their usageprogressive-web-app.md - Progressive web app integrationform-basics.md - Fundamental HTML form structurearia-form-role.md - ARIA roles for accessible formshtml-form-elements.md - Complete HTML form elements referencehtml-form-example.md - Practical HTML form examplesform-data-handling.md - Network form data handlingphp-forms.md - PHP form processingphp-cookies.md - Cookie management in PHPphp-json.md - JSON handling in PHPphp-mysql-database.md - Database integration with PHPpython-contact-form.md - Python contact form implementationpython-flask.md - Flask forms tutorialpython-flask-app.md - Building Flask web applicationspython-as-web-framework.md - Python web framework basicsxml.md - XML data format referencehypertext-transfer-protocol.md - HTTP protocol referencesecurity.md - Web security best practicesweb-api.md - Web API integrationweb-performance.md - Performance optimization techniquesWhen creating a web form, consult the appropriate reference files based on your needs:
form-basics.md and form-controls.mdhtml-form-elements.md and aria-form-role.mdstyling-web-forms.md and css-styling.mdjavascript.mdaccessibility.mdweb-performance.md and security.md