แอตทริบิวต์ form ขององค์ประกอบ
ต่อไปนี้เป็นไวยากรณ์ -
<button form="id">
id ด้านบนคือ if ของแบบฟอร์มที่เป็นของปุ่ม
ให้เรามาดูตัวอย่างการใช้แอตทริบิวต์ form ขององค์ประกอบ
ตัวอย่าง
<!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>
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ ปุ่มเป็นส่วนหนึ่งของรูปแบบ-
ในตัวอย่างข้างต้น เราได้กำหนดรูปแบบและเพิ่มองค์ประกอบของแบบฟอร์ม-
<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>
เนื่องจากเราได้ตั้งค่า ID ของแบบฟอร์มไว้ในปุ่มจึงยังคงเป็นของรูปแบบเดียวกัน สามารถทำได้โดยใช้แอตทริบิวต์รูปแบบ
