Thuộc tính biểu mẫu của phần tử
Sau đây là cú pháp -
<button form="id">
Id ở trên là if có dạng trong đó nút thuộc về.
Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính biểu mẫu của phần tử
Ví dụ
<!DOCTYPE html> <html> <body> <h2>Points</h2> <form action="" method="get" id="form1"> Player: <input type="text"><br> Rank: <input type="number"><br> Points: <input type="number"><br> </form> <button type="submit" form="form1" value="Submit">Click to Submit</button> </body> </html>
Điều này sẽ tạo ra kết quả sau. Nút là một phần của biểu mẫu−
Trong ví dụ trên, chúng tôi đã đặt một biểu mẫu và thêm các phần tử biểu mẫu−
<form action="" method="get" id="form1"> Player: <input type="text"><br> Rank: <input type="number"><br> Points: <input type="number"><br> </form>
Với điều đó, chúng tôi đã đặt một nút bên ngoài biểu mẫu−
<button type="submit" form="form1" value="Submit">Click to Submit</button>
Vì chúng tôi đã đặt id biểu mẫu trong nút, do đó nó sẽ vẫn thuộc cùng một biểu mẫu. Điều này có thể thực hiện được bằng cách sử dụng thuộc tính biểu mẫu