<?xml-stylesheet href="../forms/xsltforms/xsltforms.xsl" type="text/xsl"?>
<?xsltforms-options debug="no"?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://www.w3.org/1999/xhtml"
      xmlns:xf="http://www.w3.org/2002/xforms"
      xmlns:ev="http://www.w3.org/2001/xml-events"
      xmlns:xsd="http://www.w3.org/2001/XMLSchema"
>
<head>
	<title>Flavours</title>
	<style type="text/css">
	body { font-family: sans-serif}
	.select {display: inline-block; margin-right: 2em}
	</style> 
	<model xmlns="http://www.w3.org/2002/xforms">
		<instance>
		  <data xmlns="">
		    <flavors/>
                  </data>
	        </instance>
	</model>
</head>
<body>
	<group xmlns="http://www.w3.org/2002/xforms">
	   <select ref="flavors" appearance="full" class="select">
	       <label>Flavors:</label>
	       <item>
		  <label>Vanilla</label><value>v</value>
	       </item>
	       <item>
		  <label>Strawberry</label><value>s</value>
	       </item>
	       <item>
		  <label>Chocolate</label><value>c</value>
	       </item>
	   </select>
	   <select ref="flavors" appearance="compact" class="select">
	       <label>Flavors:</label>
	       <item>
		  <label>Vanilla</label><value>v</value>
	       </item>
	       <item>
		  <label>Strawberry</label><value>s</value>
	       </item>
	       <item>
		  <label>Chocolate</label><value>c</value>
	       </item>
	   </select>
	   <select ref="flavors" appearance="minimal" class="select">
	       <label>Flavors:</label>
	       <item>
		  <label>Vanilla</label><value>v</value>
	       </item>
	       <item>
		  <label>Strawberry</label><value>s</value>
	       </item>
	       <item>
		  <label>Chocolate</label><value>c</value>
	       </item>
	   </select><h:br/><h:br/>
	   Selected value: <output ref="flavors"/>
	</group>
</body>
</html>
