블로그 이미지

카테고리

데꾸벅 (194)
Publisher (39)
Scripter (97)
Programmer (1)
Designer (30)
Integrator (18)
Pattern Searcher (4)
News (2)
강좌 및 번역 (3)

최근에 올라온 글

최근에 달린 댓글

HTML이나 XHTML1.0에서 XForms namespace를 사용할수 있다. XHTML2.0은 아직은....

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로 저장해야 한다.)

아래는 국내 모 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>
위와 같이 처리하면 아래와 같은 화면이 출력된다.


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>





위와 같이 XForms를 온라인으로 직접 실행해 보려면 "요기 "를 참조하기 바란다.


샘플파일 :


'Publisher > XForms' 카테고리의 다른 글

Chap02. XForms Model  (0) 2008.12.14
Chap01. XForms 소개  (0) 2008.12.13
Post by 넥스트리소프트 데꾸벅(techbug)
, |