![\"\"](\"https:\/\/prepbytes-misc-images.s3.ap-south-1.amazonaws.com\/assets\/1695622794566-Topic%20%2859%29.jpg\")
<\/p>\n<\/p>\n
HTML forms are one of the best ways to collect information from the user so that the developer can perform the remaining operations appropriately. In some cases, the code is added based on the expected response of the user. As we progress through this article, we will learn more about HTML forms.<\/p>\n
The HTML forms are one of the essential components of the web that enables the user to submit the information accordingly on the website. The HTML form does not contain any interactive controls. In simple words, we can refer to the HTML forms as an easy way of collecting user information and then sending the collected information to the server.
\nThe HTML forms consist of a set of form elements that allow the user to enter the data, make selections, and then submit it to the server for processing. HTML forms consist of one or more labels, input fields, and buttons.<\/p>\n
The HTML form code is:
\n< form action="server url" method="get|post">
\n\/\/input controls
\n< \/form> <\/p>\n
The form action will decide that after submitting the form where the user will redirect. Whereas the method will describe the type of method used to send the data in the get method the value submitted by the user will be visible in the url whereas it is not the case with post.<\/p>\n
The importance of HTML forms is explained below:<\/p>\n
We will discuss the various elements and attributes of HTML Form.<\/p>\n
The label is used to tell the name of the corresponding input tag. We can also connect the label and a particular input tag.<\/p>\n
We can create a textbox in the form by assigning the value of the input tag to the text. This will take a single line of input.
\nThe syntax for performing this will be like this:
\n< input type="text" \/><\/p>\n
We can change the input type to password to get the input password. Now the text will not be directly visible it will be shown either by dots or stars.
\n< input type="password" \/><\/p>\n
This is preferred to use Email instead of text while taking input of an email id as by setting the type as email the browser will automatically set some rules and regulations and will check whether a correct email id has been entered or not.
\n< input type="email" \/><\/p>\n
We can create a radio button by using the input type to the radio. As the radio button provides a limited number of choices to the user.
\n< input type="radio" name="radio_button_name" value="radio_button_value" \/><\/p>\n
We can create a drop-down list by using the select tag followed by various options that we want to enter in the drop-down list by using the option tag.
\n< select name="study" id="">
\n< option value="1">1st<\/option>
\n< \/select><\/p>\n
The submit is the button that resets the data to the form and sends the submitted data to the server and redirects the user to the corresponding referenced page or site.<\/p>\n
<\/p>\n
Now we will discuss the HTML form example.
\nCode
\n< form action="index.html" method="get">
\n< label for="name">Name<\/label>
\n< input name="name" id="name" placeholder="name" type="text" \/>
\n< br \/>
\n< br \/>
\n< label for="">Email<\/label>
\n< input placeholder="email" type="email" \/>
\n< br \/>
\n< br \/>
\n< label for="">Year of Study<\/label>
\n< select name="study" id="">
\n< option value="1">1st<\/option>
\n< option value="2">2nd<\/option>
\n< option value="3">3rd<\/option>
\n< option value="4">4th<\/option>
\n< \/select>
\n< br \/>
\n< br \/>
\n< label for="radio-button">Graduate<\/label>
\n< input type="radio" name="" id="radio-button" \/>
\n< br \/>
\n< br \/>
\n< label for="">Password<\/label>
\n< input type="password" name="" id="" \/><\/p>\n
< br \/>
\n< br \/>
\n< input type="submit" name="" id="" \/>
\n< \/form><\/p>\n
Output<\/strong> Explanation<\/strong> Conclusion<\/strong> Here are some of the frequently asked questions in HTML form.<\/p>\n Q1. What is an HTML form, and what is its purpose?<\/strong> Q2. How do I create a basic HTML form?<\/strong>
\n![\"\"](\"https:\/\/prepbytes-misc-images.s3.ap-south-1.amazonaws.com\/assets\/1695622809510-download%20%2843%29.png\")
<\/p>\n
\nIn the above code, we have used each and every attribute that we have explained above part of the blog, like text, email, drop down, radio button, password, submit, etc.<\/p>\n
\nWe studied HTML Forms and discussed what they are and their importance, as well as the syntax of HTML forms, attributes and elements of HTML forms, and various elements of HTML forms with their use and syntax. Finally, we used all of those elements in an example.<\/p>\nFrequently Asked Questions (FAQs)<\/h2>\n
\nAn HTML form is a container for collecting and submitting user input on a web page. It allows users to enter data, such as text, numbers, selections, and submit it to a server for processing. Forms are used for various purposes, including user registration, login, search, and data submission.<\/p>\n
\nTo create a basic HTML form, you use the <\/p>\n