Le portail francophone de la géomatique

<!-- <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
     "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> -->
<svg xmlns:s="http://example.com/survey" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xforms="http://www.w3.org/2002/xforms" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="700px" height="600px" viewBox="0 0 700 600">
  <defs>
    <polygon id="bullet" points="-30,-30, -10,-10, -20,10" fill="#007138" />
    <xforms:model id="form1" schema="surveyschema.xsd">
      <xforms:instance id="instance1">
        <s:survey xmlns="http://example.com/survey">
          <s:drink>none</s:drink>
          <s:espressoPrefs>
            <s:numberPerWeek>0</s:numberPerWeek>
            <s:sugar>0</s:sugar>
            <s:lemon>Toujours</s:lemon>
          </s:espressoPrefs>
        </s:survey>
      </xforms:instance>
      <xforms:submission id="submit1" method="post" action="http://www.example.org/surveyhandler" />
    </xforms:model>
  </defs>
  <title>Enquête espresso</title>
  <desc>Exemple SVG et XForms - enquête sur le consommateur d'espresso</desc>
  <g>
    <text x="50" y="70" font-size="40" font-family="Arial Black, sans-serif" font-weight="900">Enquête de clientèle : Espresso</text>
    <g font-family="Arial, Helvetica, sans-serif" font-size="18">
      <foreignObject x="80" y="150" width="250" height="40">
        <xforms:select1 appearance="minimal" model="form1" ref="s:drink">
          <xforms:label>
            <g transform="translate(80, 140)">
              <use xlink:href="#bullet" />
              <text>Votre boisson au café habituelle est :</text>
            </g>
          </xforms:label>
          <xforms:item>

<input ref="commande/livrer/rue" class="adresseRue">
  <label>Adresse</label>
  <hint>Veuillez entrer le numéro et le nom de la rue</hint>
</input>

            <xforms:label>Un espresso</xforms:label>
            <xforms:value>espresso</xforms:value>
          </xforms:item>
          <xforms:item>
            <xforms:label>Un cappuccino</xforms:label>
            <xforms:value>cappuccino</xforms:value>
          </xforms:item>
          <xforms:item>
            <xforms:label>Un latté</xforms:label>
            <xforms:value>latté</xforms:value>
          </xforms:item>
          <xforms:item>
            <xforms:label>Pas de café</xforms:label>
            <xforms:value>aucun</xforms:value>
          </xforms:item>
        </xforms:select1>
      </foreignObject>
      <foreignObject x="80" y="240" width="250" height="40">
        <xforms:range model="form1" start="0" end="30" step="5" ref="s:espressoPrefs/s:numberPerWeek">
          <xforms:label>
            <g transform="translate(80, 230)">
              <use xlink:href="#bullet" />
              <text>Nombre de tasses d'espresso par semaine :</text>
            </g>
          </xforms:label>
        </xforms:range>
      </foreignObject>
      <foreignObject x="80" y="350" width="250" height="40">
        <xforms:select model="form1" ref="s:espressoPrefs/s:sugar">
          <xforms:label>
            <g transform="translate(80, 340)">
              <use xlink:href="#bullet" />
              <text>Sucre ?</text>
            </g>
          </xforms:label>
          <xforms:item>
            <xforms:label>Oui</xforms:label>
            <xforms:value>X</xforms:value>
          </xforms:item>
        </xforms:select>
      </foreignObject>
      <foreignObject x="80" y="420" width="250" height="90">
        <xforms:select1 appearance="full" model="form1" ref="s:espressoPrefs/s:lemon">
          <xforms:label>
            <g transform="translate(80, 410)">
              <use xlink:href="#bullet" />
              <text>Citron ?</text>
            </g>
          </xforms:label>
          <xforms:item>
            <xforms:label>Indispensable pour une expérience réussie</xforms:label>
            <xforms:value>Toujours</xforms:value>
          </xforms:item>
          <xforms:item>
            <xforms:label>Qu'importe</xforms:label>
            <xforms:value>Indifférent</xforms:value>
          </xforms:item>
          <xforms:item>
            <xforms:label>Gardez votre citron</xforms:label>
            <xforms:value>Jamais</xforms:value>
          </xforms:item>
        </xforms:select1>
      </foreignObject>
    </g>
    <use xlink:href="#bullet" x="101" y="64" transform="scale(7,3)" />
    <foreignObject y="150" x="500" height="60" width="100">
      <xforms:submit model="form1">
        <xforms:label>Envoyer le questionnaire</xforms:label>
      </xforms:submit>
    </foreignObject>
    <!--- garder les données graphique hors du listing de cet exemple -->
    <image xlink:href="espresso.svg" x="400" y="230" width="280" height="270" />
  </g>
</svg>