Thêm nút thường xuyên bên trong hình thức mà không thực hiện một trình

Question

tôi có khai hình thức này:

<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> 

Và, mặc dù tôi không nói rõ nút "addSegment_wrapper" như một gửi đề xuất mỗi khi click vào nó, nó gọi hành động biểu mẫu. Tôi chỉ muốn coi nút này là nút thông thường.

Tôi nên làm gì?

Thx

Answer 1

Bạn có thể làm

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

Answer 2

Làm điều này:

<button type="button" class="(rest of your classes)">Rest of your code</button> 

Answer 3

Closer to Occams dao cạo (đối với các chương trình phức tạp *) có thể để xây dựng các 'hình thức phải nộp' riêng biệt, tức là, để không (ví dụ, thả sử dụng) thẻ "biểu mẫu": để có mô tả sau, hãy xem "how to ajax post a form that includes fields in a dynamic table for which both rows and columns can be added dynamically"

---

* ví dụ: khi biểu mẫu của bạn bao gồm nhiều sự kiện tương tác, trong đó tập hợp con được sử dụng để gửi biểu mẫu.