Thẻ BUTTON trong HTML

• Trần Ngọc Thanh
• 583
• 06/07/2025

Thẻ BUTTON trong HTML dùng để hiển thị các nút giúp người dùng gửi yêu cầu, reset lại form hoặc một nút bình thường có thể tác động được, chi tiết như nào hãy cùng chúng tôi phân tích:

Thẻ BUTTON trong HTML

Chức năng của Thẻ BUTTON trong HTML

Thẻ BUTTON trong HTML dùng để hiển thị các nút giúp người dùng gửi yêu cầu, reset lại form hoặc một nút bình thường có thể tác động được.

Cú pháp của Thẻ BUTTON trong HTML

<button name="tennut" value="giatri" type="loai">vanban</button>

vanban: Văn bản hiển thị trên nút.

loai: Loại nút (reset, submit, button)

giatri: Giá trị của nút khi thực hiện POST hoặc GET dữ liệu.

tennut: Tên nút dùng để lấy dữ liệu thông qua tên đó.

Bao gồm thẻ mở <button> và thẻ đóng </button>.

Các loại type trong thẻ <button>

Type Submit trong thẻ <button>

<button name="btngui" value="gui" type="submit">GỬI</button>

Type Submit là nút sử dụng trong form, khi người dùng nhập thông tin xong sẽ nhấn vào nút submit để gửi đi.

Chạy Thử

Type Reset trong thẻ <button>

<button type="reset">NHẬP LẠI</button>

Trong trường hợp bạn muốn bỏ các thông tin đang nhập và muốn nhập lại từ đầu thì nhấn vào nút reset.

Chạy Thử

Type button trong thẻ <button>

<button name="button" value="OK" type="button" onclick="hello()">Click Here</button> 
<script> 
function hello(){ alert("hello html button"); } 
</script>

Chạy Thử

Nút loại button thường dùng kết hợp với script, dưới đây là các sự kiện:

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Thẻ BUTTON trong HTML.