In web development, forms are a fundamental part of interacting with users and collecting information. In HTML, we have the tag
In this example, we have created a form with two input fields: one for the name and one for the email. Additionally, we have a submit button to submit the data entered by the user.
Input fields and data types
In HTML, there are different types of input fields that we can use in our forms. Some of the most common types are:
- Text: Used to enter text on a single line. It is defined with the "type" attribute with the value "text".
- E-mail: Used to enter valid email addresses. It is defined with the "type" attribute with the value "email".
- Password: It is used to enter passwords by hiding the entered characters. It is defined with the "type" attribute with the value "password".
- Number: It is used to enter numbers. It is defined with the "type" attribute with the value "number".
- Date: Used to enter dates. It is defined with the "type" attribute with the value "date".
These are just a few examples of input fields, but there are many more to suit different needs. You can find a complete list of input field types in the official HTML documentation.
Practical examples of HTML forms
To better understand how HTML forms work, let's look at some practical examples:
Example 1: Contact form
Suppose we want to add a contact form on our website. We can use HTML to create a form that allows visitors to submit a message. Here is an example of what the code would look like:
In this example, we have added an input field of type "textarea" so that users can type their message. Additionally, we use the "for" attribute on tags
Example 2: Subscription Form
Another common case is adding a subscription form to our website. We can use HTML to create a form that allows users to enter their name and email. Here is an example of what the code would look like:
In this example, we've removed the message field and changed the submit button text to "Subscribe." This allows us to create a simpler form focused on the action of subscribing.
HTML Forms FAQ
What is an HTML form?
An HTML form is a structure that allows us to collect information from users through input fields, such as text boxes, radio buttons and check boxes. HTML forms can be used for various purposes, such as user registration, sending messages, and subscribing to newsletters.
How do you create a form in HTML?
To create a form in HTML, we must use the tag
English 
Spanish