Chap03. XForms Namespace
Publisher/XForms / 2008. 12. 14. 01:05
HTML이나 XHTML1.0에서 XForms namespace를 사용할수 있다. XHTML2.0은 아직은....
XForms Namespace: XForms Namespace공식사이트
HTML(혹은 XHTML1.0)에서 XForms를 사용하려면 모든 XForms 엘리먼트들을 XForms 네임스페이스로 선언해야 한다. XHTML2.0에서는 이러한 네임스페이스없이도 사용될수 있다고 한다... (W3School)
아래는 XForms 네임스페이스의 사용예이다.
아래는 국내 모 X-Internet업체의 네임스페이스 사용예이다.
translated by techbug
XForms 예제
아래 예제를 test.html 로 저장하여 각 브라우저에서 본 모양이다.
위와 같이 XForms를 온라인으로 직접 실행해 보려면 "요기 "를 참조하기 바란다.
샘플파일 :
XForms Namespace: XForms Namespace공식사이트
HTML(혹은 XHTML1.0)에서 XForms를 사용하려면 모든 XForms 엘리먼트들을 XForms 네임스페이스로 선언해야 한다. XHTML2.0에서는 이러한 네임스페이스없이도 사용될수 있다고 한다... (W3School)
아래는 XForms 네임스페이스의 사용예이다.
<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xf="http://www.w3.org/2002/xforms">
<head>
<xf:model>
<xf:instance>
<person>
<fname/>
<lname/>
</person>
</xf:instance>
<xf:submission id="form1" method="get" action="techbug.php"/>
</xf:model>
</head>
<body>
<xf:input ref="fname">
<xf:label>First Name</xf:label></xf:input><br />
<xf:input ref="lname">
<xf:label>Last Name</xf:label></xf:input><br /><br />
<xf:submit submission="form1">
<xf:label>Submit</xf:label></xf:submit>
</body>
</html>
위 샘플에서는 xf: 를 XForms 네임스페이스 prefix로 사용하고 있다. 그러나 이러한 것은 사용자가 어떠한 걸로 정의하느냐에 따라 다르다. (sample.xhtml 파일로 저장하여 firefox plugin 설치후 확인한다. 단 확장자명은 반드시 .xhtml로 저장해야 한다.)<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xf="http://www.w3.org/2002/xforms">
<head>
<xf:model>
<xf:instance>
<person>
<fname/>
<lname/>
</person>
</xf:instance>
<xf:submission id="form1" method="get" action="techbug.php"/>
</xf:model>
</head>
<body>
<xf:input ref="fname">
<xf:label>First Name</xf:label></xf:input><br />
<xf:input ref="lname">
<xf:label>Last Name</xf:label></xf:input><br /><br />
<xf:submit submission="form1">
<xf:label>Submit</xf:label></xf:submit>
</body>
</html>
아래는 국내 모 X-Internet업체의 네임스페이스 사용예이다.
<xhtml:html xmlns:xhtml="http://www.w3.org/1999/xhtml"
xmlns:xsd="http://www.w3.org/2001/XMLSchema"
xmlns="http://www.w3.org/2002/01/xforms"
xmlns:ev="http://www.w3.org/2001/xml-events">
<xhtml:head>
<xhtml:title>Untitle</xhtml:title>
<model id="model1">
<instance id="instance1">
<root xmlns="">
<example>Sample</example>
<login>
<userId/>
<password/>
</login>
</root>
</instance>
</model>
</xhtml:head>
<xhtml:body>
<input id="input1" ref="/root/login/userId" style="left:155px; top:70px; width:110px; height:20px; "/>
<input id="input2" ref="/root/login/password" style="left:155px; top:95px; width:110px; height:20px; "/>
<button id="button1" style="left:270px; top:70px; width:75px; height:45px; ">
<caption>전송</caption>
</button>
</xhtml:body>
</xhtml:html>
위와 같이 처리하면 아래와 같은 화면이 출력된다.xmlns:xsd="http://www.w3.org/2001/XMLSchema"
xmlns="http://www.w3.org/2002/01/xforms"
xmlns:ev="http://www.w3.org/2001/xml-events">
<xhtml:head>
<xhtml:title>Untitle</xhtml:title>
<model id="model1">
<instance id="instance1">
<root xmlns="">
<example>Sample</example>
<login>
<userId/>
<password/>
</login>
</root>
</instance>
</model>
</xhtml:head>
<xhtml:body>
<input id="input1" ref="/root/login/userId" style="left:155px; top:70px; width:110px; height:20px; "/>
<input id="input2" ref="/root/login/password" style="left:155px; top:95px; width:110px; height:20px; "/>
<button id="button1" style="left:270px; top:70px; width:75px; height:45px; ">
<caption>전송</caption>
</button>
</xhtml:body>
</xhtml:html>
translated by techbug
XForms 예제
아래 예제를 test.html 로 저장하여 각 브라우저에서 본 모양이다.
<xforms>
<model>
<instance>
<person>
<fname/>
<lname/>
</person>
</instance>
<submission id="form1" method="get" action="techbug.php"/>
</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>
<model>
<instance>
<person>
<fname/>
<lname/>
</person>
</instance>
<submission id="form1" method="get" action="techbug.php"/>
</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를 온라인으로 직접 실행해 보려면 "요기 "를 참조하기 바란다.
샘플파일 :
xforms1.zip'Publisher > XForms' 카테고리의 다른 글
| Chap02. XForms Model (0) | 2008.12.14 |
|---|---|
| Chap01. XForms 소개 (0) | 2008.12.13 |