WeCode
Academy
Tutorials
Web Development
Bootstrap
CSS
HTML
JavaScript
jQuery
Node.js
PHP
React
TypeScript
Programming
C
C#
C++
Go
Java
Python
Rust
Data and Databases
NumPy
Pandas
SQL
Tools
Bash
Git
Projects
Project: A Tiny Shell in C
Project: Bank Account System
Project: Library Management System
Project: Portfolio Page
Project: Quiz App in React
Project: Sales Data Analysis
Project: Server Log Analyser
Project: To-Do REST API
Project: URL Shortener
Project: Word Counter in Four Languages
All tutorials ❯
Paths
References
Practice
Try it editor
Quizzes
How To recipes
Tools
Glossary
My Learning
🌙
Dark mode
Home
›
How To
›
HTML
Make a contact form
Use labels, input types and required to build a simple validated form.
Example
html
<form onsubmit="event.preventDefault(); this.querySelector('output').textContent = 'Sent!'"> <p><label>Name <input name="name" required></label></p> <p><label>Email <input type="email" name="email" required></label></p> <p><label>Message<br><textarea name="msg" rows="3" cols="30"></textarea></label></p> <button>Send</button> <output></output> </form>
Run ❯
Reset
Open in editor »
More HTML recipes
Create a basic web page
Embed a YouTube-style responsive video frame
Create a table of data
Add a skip link for accessibility
Make a download link
WeCodeAcademyWeCodeAcademy