HTML - Web Forms

HTML web forms are a composition of buttons, checkboxes, and text input fields embedded inside of HTML documents with one goal in mind: to capture user input. By doing things such as providing fields for user data such as names, phone number, and email addresses, web forms give users the opportunity to interact directly with a webpage.

HTML forms are placed on a web page using the <form> tag. This tag should encapsulate a series of other form elements, identifying them as a single cohesive web form.

<formg name="myWebForm"  method="post">
   <input type="checkbox" /> Checkbox 1<br />
   <input type="text" /> Text Field 1<br />
   <input type="submit" value="SUBMIT" />
</form>

HTML Web Form

HTML form elements rely on action and method attributes to identify where to send the form data for processing (action) and how to process the data (method). In the code above, we've inserted some make-believe values to represent what a typical HTML form might look like behind the scenes.

<formg name="myWebForm" action="mailto:youremail@email.com" method="post">
   <input type="checkbox" /> Checkbox 1<br />
   <input type="text" /> Text Field 1<br />
   <input type="submit" value="SUBMIT" />
</form>

HTML Email Form

Now when the SUBMIT button is clicked, the user should see their default email client launch.

HTML forms provide user interaction between visitors and the website while simultaneously collecting priceless user data from your users. They are a vital tool for any webmaster, and these days, it is common place to see form elements embedded in every web page.