แอตทริบิวต์ form

แอตทริบิวต์ form เชื่อมโยงองค์ประกอบฟอร์ม กับแท็ก form

สิ่งนี้จำเป็นในกรณีที่องค์ประกอบฟอร์ม อยู่นอกแท็ก form แต่ควรถูกส่ง ไปยังเซิร์ฟเวอร์พร้อมกับเนื้อหาของแท็ก form นี้

ตัวอย่างเช่น คุณมีปุ่ม submit แต่ตามการออกแบบ มันอยู่ในตำแหน่งอื่น ของหน้าเว็บ ในกรณีนี้แอตทริบิวต์ form จะแก้ปัญหาได้: เรากำหนดแอตทริบิวต์นี้ให้กับปุ่ม โดยระบุค่าแอตทริบิวต์ id จากแท็ก form ที่ต้องการ หลังจาก การจัดการเหล่านี้ ปุ่มจะทำการส่งฟอร์มที่ถูกผูกไว้

สามารถผูกได้ไม่เฉพาะแค่ปุ่ม แต่ยังรวมถึง องค์ประกอบฟอร์มอื่นใดๆ ด้วย

ตัวอย่าง

ในตัวอย่างต่อไปนี้ ปุ่มอยู่นอก ฟอร์ม แต่ถูกเชื่อมโยงกับฟอร์มผ่านแอตทริบิวต์ form:

html<input type="submit" form="test">
<form id="test">
  <input type="text" name="age">
</form>

Результат: