HTML input field OUTSIDE of a form

by

In HTML5, you can use the form attribute:

A form-associated element is, by default, associated with its ancestor form element, but may have a form attribute specified to override this.

If a form-associated element has a form attribute specified, then that attribute’s value must be the ID of a form element in the element’s owner Document.

Example:

<form id="myform">
    <input id="something" type="text">
</form>

<button form="myform" type="submit">Submit that form over there</button>

You should however make sure that it is clear to the user that these visually separated form elements are in fact connected.

More Related Contents:

  1. Put icon inside input element in a form
  2. What does “for” attribute do in HTML tag?
  3. Limit number of characters allowed in form input text field
  4. Is there a way to style part of an input field’s value? [duplicate]
  5. Is well formed without a ?
  6. What does “for” attribute do in an HTML tag?
  7. What’s the point of having hidden input in HTML? What are common uses for this?
  8. Make input element (type=”text”) handle multiple lines of text
  9. Is it bad design to use table tags when displaying forms in html?
  10. How to center an element horizontally and vertically
  11. Two submit buttons in one form
  12. CSS: Width in percentage and Borders
  13. What is the boundary in multipart/form-data?
  14. Disabled form inputs do not appear in the request
  15. Are there any style options for the HTML5 Date picker?
  16. Using PUT method in HTML form
  17. Disable validation of HTML5 form elements
  18. Override browser form-filling and input highlighting with HTML/CSS
  19. Multiple radio button groups in one form
  20. Wrapping text inside input type=”text” element HTML/CSS
  21. Can a span be closed using ?
  22. Multiple Forms or Multiple Submits in a Page?
  23. How can I style a file input field in Firefox?
  24. Inline Form nested within Horizontal Form in Bootstrap 3
  25. Why do s clear floats?
  26. What is the correct readonly attribute syntax for input text elements?
  27. Node.js – How to send data from html to express
  28. How to remove x and y on submit in HTML form with Image type button?
  29. Balanced text wrapping in HTML
  30. How can I pre-populate html form input fields from url parameters?

Leave a Comment