Kiểu đầu vào = Thẻ gửi Thẻ Vs Vs chúng có thể hoán đổi cho nhau không?

input type="submit"và buttonthẻ họ có thể hoán đổi cho nhau? hoặc nếu có sự khác biệt thì sử dụng input type="submit"khi nào và khi buttonnào?

Và nếu không có sự khác biệt thì tại sao chúng ta có 2 thẻ cho cùng một mục đích?

http://www.w3.org/TR/html4/interact/forms.html#h-17.5

Các nút được tạo bằng chức năng phần tử BUTTON giống như các nút được tạo bằng phần tử INPUT, nhưng chúng cung cấp khả năng hiển thị phong phú hơn: phần tử BUTTON có thể có nội dung. Ví dụ: phần tử BUTTON chứa các hàm hình ảnh giống và có thể giống với phần tử INPUT có loại được đặt thành "hình ảnh", nhưng loại phần tử BUTTON cho phép nội dung.

Vì vậy, đối với chức năng chỉ có thể hoán đổi cho nhau!

(Đừng quên, type="submit"là mặc định với button, vì vậy hãy bỏ qua!)

Đây <input type="button">chỉ là một nút và sẽ không làm gì cả. Các <input type="submit">, khi bên trong một yếu tố hình thức, sẽ gửi biểu mẫu khi nhấp vào.

Một nút 'đặc biệt' hữu ích khác là nút <input type="reset">sẽ xóa biểu mẫu.

Sử dụng thẻ <button> thay vì <input type = "button" ..> . Đó là thực hành khuyên trong bootstrap 3.

http://getbootstrap.com/css/#buttons-tags

"Kết xuất trình duyệt chéo

Để thực hành tốt nhất, chúng tôi khuyên bạn nên sử dụng phần tử <button> bất cứ khi nào có thể để đảm bảo kết xuất trình duyệt chéo phù hợp.

Trong số những thứ khác, có một lỗi Firefox ngăn chúng ta thiết lập chiều cao của các nút dựa trên <input>, khiến chúng không khớp chính xác với chiều cao của các nút khác trên Firefox. "

Mặc dù cả hai yếu tố cung cấp chức năng cho cùng một kết quả *, tôi thực sự khuyên bạn nên sử dụng<button> :

• Rõ ràng hơn và dễ đọc hơn. inputgợi ý rằng điều khiển có thể chỉnh sửa hoặc người dùng có thể chỉnh sửa; buttonrõ ràng hơn nhiều về mục đích mà nó phục vụ
• Dễ dàng hơn để tạo kiểu trong CSS; như đã đề cập ở trên, FIrefox và IE có các quirks input[type="submit"]không hiển thị chính xác trong một số trường hợp
• Yêu cầu có thể dự đoán: IE có các hành vi rất rõ ràng khi các giá trị được gửi trong POST/ GETrequest đến máy chủ
• Đánh dấu thân thiện; bạn có thể lồng các mục, ví dụ, các biểu tượng, bên trong nút.
• HTML5, tư duy cầu tiến; là nhà phát triển, chúng tôi có trách nhiệm chấp nhận thông số kỹ thuật mới sau khi được chính thức hóa. HTML5, tính đến thời điểm hiện tại, đã chính thức được hơn một năm nay và đã được hiển thị trong nhiều trường hợp để thúc đẩy SEO .

* _{Ngoại trừ trong đó theo mặc định không có hành vi được chỉ định.<button type="button">}

Tóm lại, tôi rất không khuyến khích sử dụng<input type="submit" /> .

<input type='submit' />không hỗ trợ HTML bên trong nó, vì nó là một thẻ tự đóng. <button>mặt khác, hỗ trợ HTML, hình ảnh, v.v. vì đây là cặp thẻ : <button><img src='myimage.gif' /></button>. <button>cũng linh hoạt hơn khi nói đến kiểu CSS.

Nhược điểm của <button>nó là nó không được hỗ trợ đầy đủ bởi các trình duyệt cũ. IE6 / 7, ví dụ, không hiển thị chính xác.

Trừ khi bạn có một số lý do cụ thể, tốt nhất là nên bám vào <input type='submit' />.

Tôi nhận ra đây là một câu hỏi cũ nhưng tôi đã tìm thấy nó trên mozilla.org và nghĩ rằng nó được áp dụng.

Một nút có thể có ba loại: gửi, đặt lại hoặc nút. Nhấp chuột vào nút gửi sẽ gửi dữ liệu của biểu mẫu đến trang web được xác định bởi thuộc tính hành động của thành phần.

Nhấp chuột vào nút đặt lại sẽ đặt lại tất cả các tiện ích biểu mẫu về giá trị mặc định của chúng ngay lập tức. Từ quan điểm của UX, điều này được coi là thực hành xấu.

Một nhấp chuột vào một nút nút không ... không có gì! Nghe có vẻ ngớ ngẩn, nhưng thật hữu ích khi xây dựng các nút tùy chỉnh bằng JavaScript.

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms/My_firstTube_form#And_a_<button>_to_finish

<button>là mới hơn <input type="submit">, là ngữ nghĩa hơn, dễ dàng cách điệu và hỗ trợ HTML bên trong nó.

Trong khi các câu trả lời khác là tuyệt vời và trả lời câu hỏi, có một điều cần xem xét khi sử dụng input type="submit"và button. Với một input type="submit"bạn không thể sử dụng một phần tử giả CSS trên đầu vào nhưng bạn có thể cho một nút!

Đây là một lý do để sử dụng một buttonyếu tố trên đầu vào khi nói đến kiểu dáng.

Tôi không biết đây là lỗi hay tính năng, nhưng có một sự khác biệt rất quan trọng (đối với một số trường hợp) tôi đã tìm thấy: <input type="submit">tạo cặp giá trị chính trong yêu cầu của bạn và <button type="submit">không. Đã thử nghiệm trong Chrome và Safari.

Vì vậy, khi bạn có nhiều nút gửi trong biểu mẫu của mình và muốn biết nút nào được nhấp - không sử dụng button, input type="submit"thay vào đó hãy sử dụng .

Nếu bạn đang nói về <input type=button>, nó sẽ không tự động gửi biểu mẫu

nếu bạn đang nói về <button>thẻ, nó mới hơn và không tự động gửi trong tất cả các trình duyệt.

Dòng dưới cùng, nếu bạn muốn biểu mẫu gửi khi nhấp vào trong tất cả các trình duyệt, hãy sử dụng <input type="submit">