Giới thiệu
Thẻ <button> trong HTML được dùng để tạo một nút bấm có thể nhấp chuột. Khác với <input type="button">, thẻ <button> cho phép chứa nội dung HTML bên trong (như hình ảnh, biểu tượng, văn bản định dạng), mang lại sự linh hoạt hơn trong thiết kế.
Các thuộc tính chính
| Thuộc tính | Giá trị | Mô tả |
|---|---|---|
| autofocus | autofocus | Tự động tập trung vào nút khi trang tải xong. |
| disabled | disabled | Vô hiệu hóa nút (không thể nhấp). |
| form | form_id | Xác định form (hoặc các form) mà nút thuộc về. |
| formaction | URL | Chỉ cho type="submit". URL xử lý dữ liệu form khi submit. |
| formenctype | application/x-www-form-urlencoded, multipart/form-data, text/plain | Chỉ cho type="submit". Cách mã hóa dữ liệu trước khi gửi server. |
| formmethod | get, post | Chỉ cho type="submit". Phương thức HTTP gửi dữ liệu (GET/POST). |
| formnovalidate | formnovalidate | Chỉ cho type="submit". Bỏ qua validation khi submit. |
| formtarget | _blank, _self, _parent, _top, framename | Chỉ cho type="submit". Nơi hiển thị phản hồi sau khi submit. |
| name | name | Đặt tên cho nút (dùng khi submit form). |
| type | button, reset, submit | Loại nút: button (thường), submit (gửi form), reset (làm mới form). |
| value | text | Giá trị ban đầu của nút (gửi kèm form). |
Ví dụ minh họa
<!DOCTYPE html>
<html>
<body>
<h2>Tiêu đề Demo</h2>
<p>Chúng ta đã thêm văn bản demo bên dưới:</p>
<textarea rows="4" cols="50">
Đây là nơi chúng ta học các khái niệm, phần tử và thuộc tính trong HTML!
</textarea><br>
<button type="button" disabled>Trước</button>
<button type="button">Tiếp</button>
</body>
</html>
Kết quả hiển thị
Ví dụ tạo hai nút: một nút "Trước" bị vô hiệu hóa (disabled) và một nút "Tiếp" bình thường.