Thẻ BUTTON trong HTML

• Ngọc Thanh
• 15
• 06/07/2025

Theo dõi Web Mới

Thẻ BUTTON trong HTML là một loại thẻ 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

Thẻ BUTTON trong HTML là gì?

Thẻ BUTTON trong HTML là một loại thẻ 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á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:

Thuộc tính	Giá trị	Ví dụ	Mô tả
onclick	Code script	onclick="code"	Script chạy khi click chuột.
ondblclick	Code script	ondblclick="code"	Script chạy khi double click chuột.
onmousedown	Code script	onmousedown="code"	Script chạy khi button chuột được nhấn.
onmousemove	Code script	onmousemove="code"	Script chạy khi di chuyển con trỏ chuột.
onmouseout	Code script	onmouseout="code"	Script chạy khi di chuyển con trỏ chuột ra khỏi thành phần.
onmouseover	Code script	onmouseover="code"	Script chạy khi di chuyển con trỏ chuột di chuyển trên thành phần.
onmouseup	Code script	onmouseup="code"	Script chạy khi button chuột được thả ra.
onkeydown	Code script	onkeydown="code"	Script chạy khi nút trên bàn phím được nhấn.
onkeypress	Code script	onkeypress="code"	Script chạy khi nút trên bàn phím được nhấn và thả ra.
onkeyup	Code script	onkeyup="code"	Script chạy khi nút trên bàn phím được thả ra.

Lời kết

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

Ngọc Thanh

Chia sẻ nội dung đánh giá của bạn về Thẻ BUTTON trong HTML
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Đăng ký tư vấn miễn phí

Tìm hiểu 1 năm không bằng lắng nghe 1 câu tư vấn