Use a normal link to submit a form

Question

I want to submit a form  But I am not going the basic way of using a input button with submit type but a a link    The image below shows why  I am using image links to save submit the form  Because I have standart css markup for image links I don t want to use input submit buttons   I tried to apply onClick  document formName submit    to the a element but I would prefer a html method     Any ideas

User · Answer

use    lt input type  image  src       gt    or    lt button type  send  gt  lt img src       gt    any html code lt  button gt    plus some CSS

User · Answer

Definitely  there is no solution with pure HTML to submit a form with a link  a  tag  The standard HTML accepts only buttons or images  As some other collaborators have said  one can simulate the appearance of a link using a button  but I guess that s not the purpose of the question   IMHO  I believe that the proposed and accepted solution does not work    I have tested it on a form and the browser didn t find the reference to the form   So it is possible to solve it using a single line of JavaScript  using this object  which references the element being clicked  which is a child node of the form  that needs to be submitted  So this parentNode is the form node  After it s just calling submit   method in that form  It s no necessary research from whole document to find the right form     lt form action  http   www greatsolutions com br indexint htm                        method  get  gt       lt h3 gt  Enter your name lt  h3 gt      First Name  lt input type  text   name  fname   size  30  gt  lt br gt      Last Name  lt input type  text  name  lname  size  30  gt  lt br gt       lt a href     onclick  this parentNode submit     gt  Submit here lt  a gt   lt  form gt    Suppose that I enter with my own name     I ve used get in form method attribute because it s possible to see the right parameters in the URL at loaded page after submit   http   www greatsolutions com br indexint htm fname Paulo amp lname Buchsbaum   This solution obviously applies to any tag that accepts the onclick event or some similar event   this is a excellent choice to recover the context together with event variable  available in all major browsers and IE9 onwards  that can be used directly or passed as an argument to a function   In this case  replace the line with a tag by the line below  using the property target  that indicates the element that has started the event     lt a href     onclick  event target parentNode submit     gt  Submit here lt  a gt

User · Answer

you can use  OnClick  document getElementById  formID NOT NAME   SUBMIT

User · Answer

You are using images to submit   so you can simply use an type  image  input  button     lt input type  image  src  yourimage png  name  yourinputname  value  yourinputvalue    gt

User · Answer

Two ways  Either create a button and style it so it looks like a link with css  or create a link and use onclick  this closest  form   submit   return false

User · Answer

You can t really do this without some form of scripting to the best of my knowledge    lt form id  my form  gt   lt  -- Your Form -- gt       lt a href  javascript     onclick  document getElementById  my form   submit    return false   gt submit lt  a gt   lt  form gt    Example from Here

User · Answer

Just styling an input type  submit  like this worked for me    x000D   x000D   link-button    x000D       background  none  x000D       border  none  x000D       color   0066ff  x000D       text-decoration  underline  x000D       cursor  pointer   x000D    x000D   lt input type  submit  class  link-button    gt  x000D   x000D   x000D    Tested in Chrome  IE 7-9  Firefox

[html] Use a normal link to submit a form

Examples related to html

Examples related to css

Examples related to forms

Examples related to hyperlink

Examples related to submit