Form Elements Outside the Form

You associate form elements outside form with the form attribute. The form attribute is defined by input, button, and the other form-related elements.

 
<!DOCTYPE HTML>
<html>
<head>
<title>Example</title>
</head>
<body>
      <form id="voteform" method="post" action="http://yourServer/form">
            <p>
                  <label for="fave">Survey: <input autofocus id="fave"
                        name="fave" /></label>
            </p>
      </form>
      <p>
            <label for="name">Name: <input form="voteform" id="name"
                  name="name" />
            </label>
      </p>
      <button form="voteform" type="submit">Submit Vote</button>
      <button form="voteform" type="reset">Reset</button>
</body>
</html>
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: