XForms โมเดล

รูปแบบ XForms กำหนดแบบภาพของข้อมูลที่มุ่งมั่นกับฟอร์ม:

เครื่องงาน XForms

หน้ากระดาน HTML มีบทบาทในการรวบรวมข้อมูล. หน้ากระดาน XForms มีบทบาทเดียวกัน.

ผ่าน XForms ข้อมูลที่บันทึกเข้าจะถูกอธิบายในส่วนที่แยกต่างกัน:

  • รูปแบบ XForms (การอธิบายข้อมูลและโหมด)
  • มาตรฐาน XForms สำหรับตัวผู้ใช้ (การแสดงและการบันทึกข้อมูล)

XForms โมเดลกำหนดว่าอะไรคือฟอร์ม ข้อมูลที่มันมี และสิ่งที่มันควรทำ

มุมมองผู้ใช้ XFormsกำหนดสภาวะการบันทึกข้อมูลเข้าหน้าบัน และวิธีการแสดงที่นั้น

XForms โมเดล

XForms รูปแบบใช้การอธิบายข้อมูล

รูปแบบข้อมูลเป็นตัวอย่างของเอกสาร XML (รูปแบบหนึ่ง)

XForms รูปแบบกำหนดรูปแบบข้อมูลภายในตัวแปร <model> ของมัน:

<model>
<instance>
  <person>
    <fname/>
    <lname/>
  </person>
</instance>
<submission id="form1" action="submit.asp" method="get"/>
</model>

จากตัวอย่างที่อยู่บนนี้ คุณสามารถเห็นว่าโมเดล XForms ใช้ <instance> องค์ประกอบเพื่อกำหนดรูปแบบ XML สำหรับข้อมูลที่ต้องการรับรอง และใช้ <submission> องค์ประกอบเพื่อบรรยายวิธีที่จะส่งมอบข้อมูล

โมเดล <submission>ไม่มีแสดงข้อมูลเกี่ยวกับส่วนที่ปรากฏของฟอร์ม (มุมมองผู้ใช้)

XForms ชื่อสเปซ

ถ้าคุณละเลยชื่ออย่างนี้ในตัวอย่าง XForms หรือถ้าคุณไม่เข้าใจขนบดีของนามสาขา จะมีการเรียกแนะนำในช่วงต่อไป

องค์ประกอบ <instance>

XForms โมเดล <instance> องค์ประกอบเพื่อกำหนดข้อมูลที่จะรับรอง

XForms คือรับรองข้อมูลสำหรับ XML บันทึกข้อมูลใน XForms นี้ <instance> องค์ประกอบนั้นกำหนดเอกสาร XML นี้

ในตัวอย่างที่อยู่บนนี้ ฟอร์มนั้นจะรับรองข้อมูลที่มีมาในแบบของเอกสาร XML ที่ดูเหมือนนี้

<person>
  <fname/>
  <lname/>
</person>

หลังจากการรับรองข้อมูลเสร็จ เอกสาร XML อาจดูเหมือนนี้

<person>
  <fname>John</fname>
  <lname>Smith</lname>
</person>

องค์ประกอบ <submission>

โมเดล XForms ใช้ <submission> องค์ประกอบเพื่อบรรยายวิธีที่จะส่งมอบข้อมูล

องค์ประกอบ <submission> สามารถกำหนดฟอร์มและวิธีที่จะส่งมอบฟอร์ม ในตัวอย่างที่อยู่บนนี้id="form1" ใช้เพื่อทำเครื่องหมายฟอร์มนี้action="submit.asp" คุณสมบัติ URL ที่ฟอร์มถูกส่งมอบ และ method="get" คุณสมบัติกำหนดวิธีที่ใช้ในขั้นตอนส่งมอบฟอร์ม

มุมมองผู้ใช้ XForms

XForms มุมมองผู้ใช้ใช้แสดงและใส่ข้อมูลข้อมูล

องค์ประกอบตัวประกอบมุมมองผู้ใช้ของ XForms ตามนี้องค์ประกอบหรือองค์ประกอบช่องข้อมูล

<input ref="fname"><label>First Name</label></input>
<input ref="lname"><label>Last Name</label></input>
<submit submission="form1"><label>Submit</label></submit>

ในตัวอย่างที่อยู่บนนี้ องค์ประกอบ <input> สององค์ประกอบนั้นนิยายเป็นสองโดเมนที่ส่งข้อมูล คุณสมบัติ ref="fname" และ ref="lname" นำทางไปยังองค์ประกอบ <fname> และ <lname> ในโมเดล XForms

คุณสมบัติ submission="form1" ในองค์ประกอบ <submit> สามารถเรียกใช้ <submission> ในโมเดล XForms ได้ โดยทั่วไปแล้วองค์ประกอบ submit จะแสดงเป็นปุ่ม

โปรดสังเกตอย่างเช่น <label> อยู่ในตัวอย่าง ถ้าใช้ XForms ต้องมี <label> ให้แก่แต่ละองค์ประกอบของช่องข้อมูล

คุณจะต้องจำเป็นต้องมีแท่ง

XForms ไม่ถูกออกแบบเพื่อทำงานด้วยตัวเองเดี่ยวๆ และไม่มีเอกสาร XForms

XForms ต้องทำงานในเอกสาร XML อื่น ๆ มันสามารถทำงานได้ใน XHTML 1.0 และมันก็จะทำงานได้ใน XHTML 2.0

ตอนนี้เราจะรวมทั้งหมดขึ้นกัน

หากเราจะรวมทั้งหมดกัน เอกสารนี้จะดูเช่นนี้:

<xforms>
<model>
<instance>
  <person>
    <fname/>
    <lname/>
  </person>
</instance>
<submission id="form1" action="submit.asp" method="get"/>
</model>
<input ref="fname"><label>First Name</label></input>
<input ref="lname"><label>Last Name</label></input>
<submit submission="form1"><label>Submit</label></submit>
</xforms>

หน้าจะแสดงของนี้:

xforms_example

XForms โปรเซสเซอร์

ที่ถูกสร้างขึ้นในเบราเซอร์ XForms โปรเซสเซอร์จะรับผิดชอบส่งข้อมูล XForms ไปยังเป้าหมาย

ข้อมูลสามารถส่งเข้ามาในรูปแบบ XML อย่างเช่นนี้:

<person>
  <fname>David</fname>
  <lname>Smith</lname>
</person>

หรือส่งเข้ามาในรูปแบบข้อความ อย่างเช่นนี้:

fname=David;lname=Smith