Is it safe to use anchor to submit form?

by

To use an anchor to submit a form would require the use of JavaScript to hook up the events. It’s not safe in that if a user has JavaScript disabled, you won’t be able to submit the form. For example:

<form id="form1" action="" method="post">
    <a href="#" onclick="document.getElementById('form1').submit();">Submit!</a>
</form>

If you’d like you can use a <button>:

<button type="submit">Submit!</button>

Or stick with what we all know:

<input type="submit" value="Submit!" />

You can style all three of them, but the latter two don’t require JavaScript. You probably just need to change some CSS somewhere if you’re having border issues.

More Related Contents:

  1. using href links inside tag
  2. How to create an HTML button that acts like a link
  3. How do I create an HTML button that acts like a link?
  4. Bootstrap height
  5. Disable form auto submit on button click
  6. What does “for” attribute do in HTML tag?
  7. Limit number of characters allowed in form input text field
  8. Is there a way to style part of an input field’s value? [duplicate]
  9. Cross-reference (named anchor) in markdown
  10. Run a shell script with an html button
  11. Change the “No file chosen”:
  12. Preventing Firefox from remembering the input value on refresh with a meta tag
  13. How to allow only one radio button to be checked?
  14. Send email from static page hosted on GitHub Pages
  15. Form inline inside a form horizontal in twitter bootstrap?
  16. Is there any benefit to adding accept-charset=”UTF-8″ to HTML forms, if the page is already in UTF-8?
  17. HTML apply a filter
  18. Is there a way to bookmark or link to a section of a page without an anchor?
  19. How to add background image for input type=”button”?
  20. is form enctype “application/json” available?
  21. Tooltips for Button elements
  22. Firefox form targeting an iframe is opening new tab
  23. Styling autocomplete dropdowns in browsers
  24. HTML multiple select box
  25. Is it possible to hide the title from a link with CSS?
  26. HTML Form: POST an array of objects
  27. HTML CSS Invisible Button
  28. HTML Form File Uploads doesn’t upload file
  29. Make input element (type=”text”) handle multiple lines of text
  30. How can I hide/show a div when a button is clicked?

Leave a Comment