XForms 입력 컨트롤

XForms의 사용자 인터페이스는 XForms 컨트롤을 사용합니다.

XForms 컨트롤

XForms에서 사용자 인터페이스 요소는 XForms 컨트롤。

가장 많이 사용되는 컨트롤 요소는 <input>과 <submit>입니다.

각 컨트롤 엘리먼트는 ref 속성을 통해 XForms 데이터 모델로 링크됩니다。

장치에 독립적인 컨트롤

XForms 사용자 인터페이스를 이해하는 것은 XForms 컨트롤을 어떻게 표시할지 정확하게 설명하는 것보다 중요합니다.

XForms가 플랫폼과 장치에 독립적이기 때문에, 이러한 공간을 어떻게 표시할지는 브라우저에게 권한을 남겨줍니다.

따라서 XForms는 모든 유형의 장치에서 사용할 수 있으며, 개인 컴퓨터, 모바일 전화,手持 컴퓨터 등에 사용됩니다. XForms는 또한 장애인을 위한 사용자 인터페이스의 완벽한 솔루션입니다。

input 컨트롤

input 컨트롤은 가장 일반적으로 사용되는 XForms 컨트롤로, 단一行 텍스트를 입력하는 데 사용됩니다：

<input ref="name/fname">
<label>초기 이름</label>
</input>

대부분의 경우, input 컨트롤은 이렇게 보이는 입력 필드로 표시됩니다：

input 컨트롤의 표시

자신이 직접 시도해보세요

<label> 요소

<label> 요소는 모든 XForms 입력 컨트롤의 필수 서브 엘리먼트입니다。

이유는 모든 유형의 장치에서 양식을 사용할 수 있도록 보장하기 위함입니다. (태그는 다른 방식으로 처리될 수 있습니다.) 음성 소프트웨어의 경우 태그는 읽혀지고, 일부手持 장치의 경우 태그는 입력에 따라 페이지별로 따라야 합니다.

Secret 컨트롤

Secret 컨트롤은 input 공간의 특별한 변형으로, 비밀번호나 다른 숨겨진 정보를 입력하는 데 설계되었습니다：

<secret ref="name/password">
<label>비밀번호:</label>
</secret>

대부분의 경우, secret 컨트롤은 이렇게 보이는 입력 필드로 표시됩니다：

Secret 컨트롤의 표시

Textarea 컨트롤

Textarea 컨트롤은 다중 행 입력을 위해 사용됩니다：

<textarea ref="message">
<label>메시지</label>
</textarea>

textarea 컨트롤은 이렇게 보이는 입력 필드로 표시될 수 있습니다：

Textarea 컨트롤의 표시

Submit 컨트롤

Submit 컨트롤은 데이터를 제출하는 데 사용됩니다：

<submit submission="form1">
<label>제출</label>
</submit>

Trigger 컨트롤

trigger 컨트롤은 특정 액션을 유발하는 데 사용됩니다：

<trigger ref="calculate">
<label>계산하세요!</label>
</trigger>

Output 컨트롤：

output 공간은 XForms 데이터를 표시하는 데 사용됩니다：

<p>First Name: <output ref="name/fname" /></p>
<p>Last Name:  <output ref="name/lname" /></p>

위의 예제는 단순히 XForms XML 문서(XForms 인스턴스)의 <fname>과 <lname> 점의 내용을 출력할 수 있습니다：

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

이렇게 표시됩니다：

First Name: David
Last Name: Smith

자신이 직접 시도해보세요

Upload 컨트롤

upload 컨트롤은 서버에 파일을 업로드하기 위해 설계되었습니다：

<upload bind="name">
<label>업로드할 파일:</label>
<filename bind="file"/>
<mediatype bind="media"/>
</upload>