<form> to get user input

Forms are the HTML mechanism for gathering input from the user.

To create a basic form, you need three elements: the form, input, and button elements.

 
<!DOCTYPE HTML> 
<html> 
<head> 
<title>Example</title> 
</head> 
<body> 
    <form method="post" action="http://yourServer/form"> 
        <input name="fave"/> 
        <button>Submit Vote</button> 
    </form> 
</body> 
</html>
  

The action attribute specifies where the browser should send the data when the form is submitted. If the action attribute is not set, the browser sends the data to the same URL that the HTML document was loaded from.

Click to view this demo.
Home 
  HTML CSS Book 
    HTML  

form:
  1. <form> to get user input
  2. Using the base Element to Set a Destination for Form Data
  3. Configuring the HTTP method Attribute for Form element
  4. Configuring the Form Data Encoding
  5. Controlling Form Completion
  6. Specifying a Target for the Form Response
  7. Setting the Name of the Form
  8. Adding Labels to a Form
  9. Automatically Focusing on an input Element
  10. Disabling Individual input Elements
  11. Form Elements Outside the Form
Related: