Cách thêm nút bấm (push button) trong HTML?

Thẻ <button> tạo nút bấm trong form hoặc giao diện. Linh hoạt hơn <input type="button">: chứa được HTML con (icon, text, span...), dễ style hơn.

Thuộc tính chính

Thuộc tính	Giá trị	Mô tả
type	button, submit, reset	Loại nút (mặc định: submit trong form)
disabled	disabled	Vô hiệu hóa
autofocus	autofocus	Focus khi tải trang
name	name	Tên gửi form
value	Text	Giá trị gửi form
form	form-id	Liên kết form bên ngoài (HTML5)
formaction	URL	Ghi đè action của form (type=submit)
formenctype	MIME type	Ghi đè enctype (type=submit)
formmethod	get, post	Ghi đè method (type=submit)
formtarget	_blank, _self...	Ghi đè target (type=submit)
formnovalidate	formnovalidate	Bỏ qua validation (type=submit)

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <title>Thẻ button HTML</title>
  </head>
  <body>
    <form>
      <button name="action" value="save" type="submit">
        <svg width="16" height="16"><path d="M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h11l5 5v11a2 2 0 01-2 2z"></svg>
        Lưu
      </button>
      <button type="reset">Làm lại</button>
      <button type="button" onclick="alert('Custom!')">Nút tùy chỉnh</button>
    </form>
  </body>
</html>

Lưu ý quan trọng

Luôn chỉ định type: submit (mặc định trong form), button (JS), reset (xóa form).
<button> gửi name=value khi submit (khác <input> chỉ gửi value).
Accessibility: nút có label rõ ràng, không chỉ icon.