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>제출</label></submit>

위 예제에서 두 개의 <input> 요소가 두 개의 입력 필드를 정의했습니다. ref="fname"과 ref="lname" 속성은 XForms 모델의 <fname>과 <lname> 요소를 가리킵니다.

<submit> 요소의 submission="form1" 속성은 XForms 모델의 <submission> 요소를 참조할 수 있습니다. 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>제출</label></submit>
</xforms>

페이지는 다음과 같이 표시됩니다:

xforms_example

XForms 프로세서

브라우저에 내장된 XForms 프로세서목표에 대한 XForms 데이터를 제출하는 책임을 부담합니다.

데이터는 다음과 같은 형식으로 XML로 제출할 수 있습니다:

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

또는 다음과 같은 형식으로 텍스트로 제출할 수 있습니다:

fname=David;lname=Smith