<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet href="xsltforms/xsltforms.xsl" type="text/xsl"?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="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>3 types of select</title>
	<link href="xforms.css" rel="stylesheet" type="text/css" />
        <style type="text/css">
             body { margin-left: 5em; margin-top: 5em; font-size: 20pt; font-family: sans-serif }
	     label { font-weight: bold}
        </style>
	<f:model>
		<f:instance>
                  <data xmlns="">
		    <colour/>
                  </data>
	        </f:instance>
	</f:model>
</head>
<body>
<p>
    <f:select1 ref="colour" appearance="full"><f:label>Colour </f:label>
        <f:item><f:label>Red</f:label><f:value>#ff0000</f:value></f:item>
        <f:item><f:label>Blue</f:label><f:value>#00ff00</f:value></f:item>
        <f:item><f:label>Green</f:label><f:value>#0000ff</f:value></f:item>
    </f:select1>
</p><p>
    <f:select1 ref="colour" appearance="compact"><f:label>Colour </f:label>
        <f:item><f:label>Red</f:label><f:value>#ff0000</f:value></f:item>
        <f:item><f:label>Blue</f:label><f:value>#00ff00</f:value></f:item>
        <f:item><f:label>Green</f:label><f:value>#0000ff</f:value></f:item>
    </f:select1>
</p><p>
    <f:select1 ref="colour" appearance="minimal"><f:label>Colour </f:label>
        <f:item><f:label>Red</f:label><f:value>#ff0000</f:value></f:item>
        <f:item><f:label>Blue</f:label><f:value>#00ff00</f:value></f:item>
        <f:item><f:label>Green</f:label><f:value>#0000ff</f:value></f:item>
    </f:select1>
</p><p>
    Value chosen: <f:output ref="colour"/>
</p>
</body>
</html>
