<?xml version="1.0" encoding="UTF-8"?>
<n:section xmlns:n="http://www.oxygenxml.com/nvdl" ns="http://www.w3.org/1999/xhtml">
   <html xmlns="http://www.w3.org/1999/xhtml" xmlns:xforms="http://www.w3.org/2002/xforms"
         xmlns:ev="http://www.w3.org/2001/xml-events"
         xmlns:my="test"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xmlns:xsd="http://www.w3.org/2001/XMLSchema">
      <n:section ns="http://www.xsmiles.org/2002/metadata">
         <meta:meta xmlns:meta="http://www.xsmiles.org/2002/metadata" name="XForms Controls"
                    description="Tests all XForms controls in single document"
                    n:attSection1="name description"
                    n:attSection1ns=""/>
      </n:section>
  
      <head>
         <link rel="stylesheet" type="text/css" href="xforms.css"
               n:attSection1="rel type href"
               n:attSection1ns=""/>
         <title>Sample</title>
         <n:section ns="http://www.w3.org/2002/xforms">
            <xforms:model id="form1" n:attSection1="id" n:attSection1ns="">
               <xforms:submission id="submit1" method="post" action="http://sinex.tml.hut.fi:8080/xforms/request"
                                  n:attSection1="id method action"
                                  n:attSection1ns=""/>
               <xforms:instance id="instance1" n:attSection1="id" n:attSection1ns="">
                  <n:section ns="">
                     <my xmlns="">
                        <input>Initial input</input>
                        <secret>Initial secret</secret>
                        <output>Initial output</output>
                        <textarea>Initial textarea</textarea>
                        <range>5</range>
                        <select1>1</select1>
                        <select>1</select>
                        <message>Message read from the instance</message>
                        <upload xsi:type="xsd:base64Binary" n:attSection1="xsi:type"
                                n:attSection1ns="http://www.w3.org/2001/XMLSchema-instance"/>
                     </my>
                  </n:section>
               </xforms:instance>
            </xforms:model>
         </n:section>
      </head>
      <body>
         <div>
            <h1>All XForms form controls</h1>
            <p class="headline" n:attSection1="class" n:attSection1ns="">&lt;textarea&gt;</p>
            <n:section ns="http://www.w3.org/2002/xforms">
               <xforms:textarea ref="/my/textarea" n:attSection1="ref" n:attSection1ns="">
                  <xforms:label>Textarea Form Control</xforms:label>
               </xforms:textarea>
            </n:section>
            <n:section ns="http://www.w3.org/2002/xforms">
               <xforms:textarea ref="/my/textarea" n:attSection1="ref" n:attSection1ns="">
                  <xforms:label>Textarea Form Control</xforms:label>
               </xforms:textarea>
            </n:section>
      
            <p class="headline" n:attSection1="class" n:attSection1ns="">&lt;input&gt;</p>
            <p>
               <n:section ns="http://www.w3.org/2002/xforms">
                  <xforms:input ref="/my/input" n:attSection1="ref" n:attSection1ns="">
                     <xforms:label>Input Form Control</xforms:label>
                  </xforms:input>
               </n:section>
            </p>
            <p class="headline" n:attSection1="class" n:attSection1ns="">&lt;output&gt;</p>
            <n:section ns="http://www.w3.org/2002/xforms">
               <xforms:output ref="/my/output" n:attSection1="ref" n:attSection1ns="">
                  <xforms:label>Input Form Control</xforms:label>
               </xforms:output>
            </n:section>
            <p class="headline" n:attSection1="class" n:attSection1ns="">&lt;secret&gt;</p>
            <n:section ns="http://www.w3.org/2002/xforms">
               <xforms:secret ref="/my/secret" n:attSection1="ref" n:attSection1ns="">
                  <xforms:label>Secret Form Control</xforms:label>
               </xforms:secret>
            </n:section>
            <p class="headline" n:attSection1="class" n:attSection1ns="">&lt;upload&gt;</p>
            <n:section ns="http://www.w3.org/2002/xforms">
               <xforms:upload ref="/my/upload" n:attSection1="ref" n:attSection1ns="">
                  <xforms:label>Select File</xforms:label>
               </xforms:upload>
            </n:section>
            <p class="headline" n:attSection1="class" n:attSection1ns="">&lt;select1&gt;</p>
            <p>
               <n:section ns="http://www.w3.org/2002/xforms">
                  <xforms:select1 ref="/my/select1" appearance="full" n:attSection1="ref appearance"
                                  n:attSection1ns="">
                     <xforms:label>appearance="full"</xforms:label>
                     <xforms:item>
                        <xforms:label>1</xforms:label>
                        <xforms:value>1</xforms:value>
                     </xforms:item>
                     <xforms:item>
                        <xforms:label>2nd</xforms:label>
                        <xforms:value>2</xforms:value>
                     </xforms:item>
                     <xforms:item>
                        <xforms:label>3rd</xforms:label>
                        <xforms:value>3</xforms:value>
                     </xforms:item>
                  </xforms:select1>
               </n:section>
               <n:section ns="http://www.w3.org/2002/xforms">
                  <xforms:select1 ref="/my/select1" appearance="compact" n:attSection1="ref appearance"
                                  n:attSection1ns="">
                     <xforms:label>appearance="compact"</xforms:label>
                     <xforms:item>
                        <xforms:label>1st</xforms:label>
                        <xforms:value>1</xforms:value>
                     </xforms:item>
                     <xforms:item>
                        <xforms:label>2nd</xforms:label>
                        <xforms:value>2</xforms:value>
                     </xforms:item>
                     <xforms:item>
                        <xforms:label>3rd</xforms:label>
                        <xforms:value>3</xforms:value>
                     </xforms:item>
                  </xforms:select1>
               </n:section>
        
               <n:section ns="http://www.w3.org/2002/xforms">
                  <xforms:select1 ref="/my/select1" appearance="full" n:attSection1="ref appearance"
                                  n:attSection1ns="">
                     <xforms:label>appearance="full"</xforms:label>
                     <xforms:item>
                        <xforms:label>1st</xforms:label>
                        <xforms:value>1</xforms:value>
                     </xforms:item>
                     <xforms:item>
                        <xforms:label>2nd</xforms:label>
                        <xforms:value>2</xforms:value>
                     </xforms:item>
                     <xforms:item>
                        <xforms:label>3rd</xforms:label>
                        <xforms:value>3</xforms:value>
                     </xforms:item>
                  </xforms:select1>
               </n:section>
        
               <n:section ns="http://www.w3.org/2002/xforms">
                  <xforms:select1 ref="/my/select1" appearance="minimal" n:attSection1="ref appearance"
                                  n:attSection1ns="">
                     <xforms:label>appearance="minimal"</xforms:label>
                     <xforms:item>
                        <xforms:label>1st</xforms:label>
                        <xforms:value>1</xforms:value>
                     </xforms:item>
                     <xforms:item>
                        <xforms:label>2nd</xforms:label>
                        <xforms:value>2</xforms:value>
                     </xforms:item>
                     <xforms:item>
                        <xforms:label>3rd</xforms:label>
                        <xforms:value>3</xforms:value>
                     </xforms:item>
                  </xforms:select1>
               </n:section>
            </p>
            <p class="headline" n:attSection1="class" n:attSection1ns="">&lt;select&gt;</p>
            <p>
               <n:section ns="http://www.w3.org/2002/xforms">
                  <xforms:select ref="/my/select" n:attSection1="ref" n:attSection1ns="">
                     <xforms:label>select Form Control</xforms:label>
                     <xforms:item>
                        <xforms:label>1st</xforms:label>
                        <xforms:value>1</xforms:value>
                     </xforms:item>
                     <xforms:item>
                        <xforms:label>2nd</xforms:label>
                        <xforms:value>2</xforms:value>
                     </xforms:item>
                     <xforms:item>
                        <xforms:label>3rd</xforms:label>
                        <xforms:value>3</xforms:value>
                     </xforms:item>
                  </xforms:select>
               </n:section>
            </p>
            <p class="headline" n:attSection1="class" n:attSection1ns="">&lt;button&gt;</p>
            <n:section ns="http://www.w3.org/2002/xforms">
               <xforms:trigger>
                  <xforms:label>Click Me</xforms:label>
                  <xforms:message level="ephemeral" ev:event="click" ref="/my/message" n:attSection1="level ref"
                                  n:attSection1ns=""
                                  n:attSection2="ev:event"
                                  n:attSection2ns="http://www.w3.org/2001/xml-events"/>
               </xforms:trigger>
            </n:section>
            <p class="headline" n:attSection1="class" n:attSection1ns="">&lt;submit&gt;</p>
            <n:section ns="http://www.w3.org/2002/xforms">
               <xforms:submit submission="my" n:attSection1="submission" n:attSection1ns="">
                  <xforms:label>Submit Me</xforms:label>
               </xforms:submit>
            </n:section>
            <p class="headline" n:attSection1="class" n:attSection1ns="">&lt;reset&gt;</p>
            <n:section ns="http://www.w3.org/2002/xforms">
               <xforms:trigger>
                  <xforms:label>Reset</xforms:label>
                  <xforms:reset ev:event="DOMActivate" n:attSection1="ev:event"
                                n:attSection1ns="http://www.w3.org/2001/xml-events"/>
               </xforms:trigger>
            </n:section>
         </div>
      </body>
   </html>
</n:section>