Thuộc tính type của <button> trong HTML

Giới thiệu

Thuộc tính type của <button> xác định hành vi của nút khi nhấp. Mặc định là submit (nếu trong form).

Các giá trị

• button: Nút bấm thường, không hành vi mặc định (dùng cho JS).
• submit: Nút gửi form (mặc định trong form).
• reset: Nút đặt lại form về giá trị ban đầu.

Ví dụ minh họa

<!DOCTYPE html>
<html>
<body>
  <h2>Thông tin nhà đầu tư</h2>
  <p>Nhập thông tin nhà đầu tư quan tâm tài trợ:</p>
  <form action="" method="get">
    ID: <input type="number"><br>
    Nhà đầu tư: <input type="text"><br>
    Vốn: <input type="number"><br>
    Email: <input type="email"><br>
    Ngày sinh: <input type="date"><br><br>
    <button type="submit" value="Submit">Gửi</button>
    <button type="reset" value="Reset">Làm mới</button>
  </form>
</body>
</html>

Kết quả hiển thị

Form có hai nút: "Gửi" (submit) và "Làm mới" (reset).

<button type="submit">Gửi</button> <button type="reset">Làm mới</button>