Add regular button inside form that does not perform a submit

html button submit
content01 picture content01 · Jul 7, 2011 · Viewed 25.9k times · Source

I have this form declaration:

<form method="post" action="/web_services/buscar_vuelos?method=get">
  <div id="addSegment_wrapper">
    <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" id="addTr" style="display: inline;">
      <span class="ui-button-text">Add Segment</span>
    </button>
  </div>
  <input id="web_services_submit" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-          text-only" type="submit" value="Search" name="commit">
</form>

And, although I didn't specify "addSegment_wrapper" button as a submit one, every time I click on it, it calls the form action. I just want to treat this button as a regular one.

What should I do?

Answer

switz picture switz · Jul 7, 2011

You could do

<button type="button">Add Segment</button>

Related questions

HTML: How to make a submit button with text + image in it?

I would like to have a submit button which contains text and an image. Is this possible? I can get the exact look I want with code that looks like: <button type="button"> <img src="save.gif" …

Read More
how to change the shape of submit button to circle

Possible Duplicate: Draw Circle using css alone I would like to know if there is any way to change the shape of the submit button from rectangle to circular shape?? I dont want to use an circular shapped image solution. …

Read More
HTML input button css-height not working on Safari and Chrome

I have a very basic question. I am setting height to 50px for my html form submit button. It works on Firefox but not Chrome nor Safari. The code is as simple as following: <input type="submit" value="Send" …

Read More