Thuộc tính form của phần tử <button> được dùng để chỉ định form (biểu mẫu) mà nút bấm thuộc về.
Cú pháp như sau:
<button form="id">
id ở trên là id của form mà nút bấm thuộc về.
Ví dụ
<!DOCTYPE html> <html> <body> <h2>Điểm số</h2> <form action="" method="get" id="form1"> Cầu thủ: <input type="text"><br> Xếp hạng: <input type="number"><br> Điểm: <input type="number"><br> </form> <button type="submit" form="form1" value="Submit">Nhấn để Gửi</button> </body> </html>
Điều này sẽ tạo ra kết quả sau. Nút bấm là một phần của form:
Trong ví dụ trên, chúng ta đã đặt một form và thêm các phần tử form:
<form action="" method="get" id="form1"> Cầu thủ: <input type="text"><br> Xếp hạng: <input type="number"><br> Điểm: <input type="number"><br> </form>
Với đó, chúng ta đặt một nút bấm bên ngoài form:
<button type="submit" form="form1" value="Submit">Nhấn để Gửi</button>
Vì chúng ta đã đặt id của form trong nút bấm, do đó nó vẫn thuộc về cùng form. Điều này được thực hiện bằng thuộc tính form của <button>.