Một <form> thu thập đầu vào của người dùng và submit nó tới server. Các attribute then chốt là action (gửi tới đâu) và method (gửi như thế nào).
html
Email
Password
Sign up
Một <form> thu thập đầu vào của người dùng và submit nó tới server. Các attribute then chốt là action (gửi tới đâu) và method (gửi như thế nào).
Email
Password
Sign up
Khi người dùng click nút submit (hoặc nhấn Enter), trình duyệt gom tất cả các control có name, mã hóa chúng, và gửi một request tới action.
<form method="get" action="/search"> <!-- dữ liệu nằm trong URL: /search?q=html -->
<form method="post" action="/login"> <!-- dữ liệu nằm trong request body -->
name là thiết yếu<input value="hi" /> <!-- ❌ không có name → KHÔNG được submit -->
<input name="message" value="hi" /> <!-- ✅ submit dưới dạng message=hi -->
Chỉ các control có name mới được gửi đi. Server đọc chúng qua name.
form.addEventListener("submit", (e) => {
e.preventDefault(); // chặn việc reload toàn trang để xử lý bằng fetch/AJAX
const data = new FormData(form); // cách dễ dàng để đọc tất cả các field
});
Form là cách cốt lõi để người dùng gửi dữ liệu tới server.
Hiểu action/method, vai trò của name, ngữ nghĩa GET-so-với-POST, và preventDefault để xử lý bằng JS là nền tảng cho mọi web app có đầu vào.
Thư viện câu hỏi phỏng vấn IT với đáp án chi tiết — từ Junior đến Senior.
Ủng hộ