<!--
 Copyright 2004 Sun Microsystems, Inc. All rights reserved.
 SUN PROPRIETARY/CONFIDENTIAL. Use is subject to license terms.
-->

<HTML>
    <HEAD> <TITLE> JSF Basic Components Test Page </TITLE> </HEAD>

    
    

    <BODY>
        <H3> JSF Basic Components Test Page </H3>



  
<form id="basicForm" method="post" action="/test/faces/TestRenderResponsePhase.jsp;jsessionid=E1F9E58967091DA82C87E62B743AA5DB" class="formClass" accept-charset="some-charset" accept="html,wml" enctype="application/x-www-form-urlencoded" title="basicForm">


  <TABLE BORDER="1">

      <tr>
         <td>
                 

                     
                        
                        
                     

                   
                    
                   
                    

                    

                    

                    

                    
                    

                    
                    

                <table id="basicForm:logonPanel1" border="1" cellpadding="3" cellspacing="3" summary="Grid with hardcoded data" title="Grid with hardcoded data">
<tbody>
<tr>
<td><span id="basicForm:formHeader2"><span id="basicForm:A2">Logon&nbsp;</span><span id="basicForm:B2">Form</span></span></td>
<td><span id="basicForm:text1">Username:</span></td>
</tr>
<tr>
<td><input id="basicForm:username1" type="text" name="basicForm:username1" value="JavaServerFaces" class="inputClass" /></td>
<td><input id="basicForm:username2" type="text" name="basicForm:username2" value="JavaServerFaces" class="inputClass" disabled="disabled" /></td>
</tr>
<tr>
<td><span id="basicForm:text2" class="outputClass">Password:</span></td>
<td><input id="basicForm:password1" type="password" name="basicForm:password1" value="" class="secretClass" /></td>
</tr>
<tr>
<td><input id="basicForm:submit1" type="submit" name="basicForm:submit1" value="Login" class="commandClass" /></td>
<td><input id="basicForm:reset1" type="reset" name="basicForm:reset1" value="Reset" /></td>
</tr>
</tbody>
</table>

             </td>
           </tr>

      <TR>

	<TD>

            <input id="basicForm:pushButton" type="image" src="duke.gif" name="basicForm:pushButton" style="someStyle" disabled="disabled" />
            
	</TD>

      </TR>


      <TR>

	<TD>

            <input id="basicForm:imageOnlyButton" type="image" src="duke.gif" name="basicForm:imageOnlyButton" /> 
             
	</TD>

      </TR>

      <TR>

	<TD>

	      
                 
                
              <a id="basicForm:link" href="#" onclick="document.forms['basicForm']['basicForm:_idcl'].value='basicForm:link'; document.forms['basicForm'].submit(); return false;" class="hyperlinkClass">link text with localized outputMessage with &euro;</a>

	</TD>

      </TR>

      <TR>

	<TD>

	      <a id="basicForm:linkWithValue1" href="#" onclick="document.forms['basicForm']['basicForm:_idcl'].value='basicForm:linkWithValue1'; document.forms['basicForm'].submit(); return false;" class="hyperlinkClass">link text</a>
	</TD>

      </TR>

      <TR>

	<TD>

	      
                  
              <a id="basicForm:linkWithValue2" href="#" onclick="document.forms['basicForm']['basicForm:_idcl'].value='basicForm:linkWithValue2'; document.forms['basicForm'].submit(); return false;" class="hyperlinkClass">link textwith some text</a>   
	</TD>

      </TR>

      <TR>

	<TD>

	      
                
              <a id="basicForm:imageLink" href="#" style="someStyle" onclick="document.forms['basicForm']['basicForm:_idcl'].value='basicForm:imageLink'; document.forms['basicForm'].submit(); return false;"><img src="duke.gif;jsessionid=E1F9E58967091DA82C87E62B743AA5DB" alt="" /></a>

	</TD>

        <TD> 
            <img id="basicForm:graphicImage" src="/test/duke.gif;jsessionid=E1F9E58967091DA82C87E62B743AA5DB" style="someStyle" usemap="#map1" ismap="ismap" alt="" /> 
        </TD>

      </TR>

      <TR>
        <TD>
            
            <a id="basicForm:commandLink" href="#" onclick="document.forms['basicForm']['basicForm:_idcl'].value='basicForm:commandLink'; document.forms['basicForm'].submit(); return false;" class="hyperlinkClass">link text</a>
       </TD>
      </TR>

      <TR>
        <TD>
            
              
              
              
            <a id="basicForm:commandParamLink" href="#" onclick="document.forms['basicForm']['basicForm:_idcl'].value='basicForm:commandParamLink';document.forms['basicForm']['name'].value='horwat';document.forms['basicForm']['value'].value='password'; document.forms['basicForm'].submit(); return false;" class="hyperlinkClass">link text</a>
        </TD>
      </TR>

      <TR>
        <TD>
            <a id="basicForm:hrefLink" href="#" onclick="document.forms['basicForm']['basicForm:_idcl'].value='basicForm:hrefLink'; document.forms['basicForm'].submit(); return false;"><img src="duke.gif"></a>
        </TD>
      </TR>

      <TR>
        <TD>
            
              
              
              
            <a id="basicForm:hrefParamLink" href="#" onclick="document.forms['basicForm']['basicForm:_idcl'].value='basicForm:hrefParamLink';document.forms['basicForm']['name'].value='horwat';document.forms['basicForm']['value'].value='password'; document.forms['basicForm'].submit(); return false;"><img src="duke.gif;jsessionid=E1F9E58967091DA82C87E62B743AA5DB" alt="" /></a>
        </TD>
      </TR>

      <TR>

	<TD>

	      <a id="basicForm:outputLink" href="test.html;jsessionid=E1F9E58967091DA82C87E62B743AA5DB" class="hyperlinkClass">output link text</a>

	</TD>

      </TR>

      <TR>

	<TD>

	      
                
              <a id="basicForm:output_imageLink" href="test.html;jsessionid=E1F9E58967091DA82C87E62B743AA5DB" style="position: absolute; left: 96px; top: 168px"><img src="duke.gif;jsessionid=E1F9E58967091DA82C87E62B743AA5DB" alt="" /></a>

	</TD>

        <TD> 
            <img id="basicForm:output_graphicImage" src="/test/duke.gif;jsessionid=E1F9E58967091DA82C87E62B743AA5DB" usemap="#map1" ismap="ismap" alt="" /> 
        </TD>

      </TR>

      <TR>
        <TD>
            
            <a id="basicForm:output_commandLink" href="test.html;jsessionid=E1F9E58967091DA82C87E62B743AA5DB" style="position: absolute; left: 96px; top: 168px" class="hyperlinkClass">link text</a>
       </TD>
      </TR>

      <TR>
        <TD>
            
              
              
              
            <a id="basicForm:output_commandParamLink" href="test.html;jsessionid=E1F9E58967091DA82C87E62B743AA5DB?name=horwat&value=password" class="hyperlinkClass">link text</a>
        </TD>
      </TR>

      <TR>
        <TD>
            <a id="basicForm:output_hrefLink" href="test.html;jsessionid=E1F9E58967091DA82C87E62B743AA5DB"><img src="duke.gif"></a>
        </TD>
      </TR>

      <TR>
        <TD>
            
              
              
              
            <a id="basicForm:output_hrefParamLink" href="test.html;jsessionid=E1F9E58967091DA82C87E62B743AA5DB?name=horwat&value=password"><img src="duke.gif;jsessionid=E1F9E58967091DA82C87E62B743AA5DB" alt="" /></a>
        </TD>
      </TR>



      <TR>

	<TD>
              
             <span id="basicForm:outputText" style="someStyle">Output Text</span>
            
              
              

	</TD>

      </TR>

      <TR>

	<TD>
            
            <input id="basicForm:checkbox1" type="checkbox" name="basicForm:checkbox1" class="selectbooleanClass" />
             <label id="basicForm:labe11" for="basicForm:checkbox1" style="position: absolute; left: 96px; top: 168px">

                 <span id="basicForm:outputlabel1">CheckboxAndLabelWithFor</span>
              </label>
	</TD>
        </TR>

        <TR>
        <TD>
             <label id="basicForm:labe13" style="position: absolute; left: 96px; top: 168px">

                <span id="basicForm:outputlabel3">CheckboxAndLabelWithoutFor</span>
                 <input id="basicForm:checkbox3" type="checkbox" name="basicForm:checkbox3" class="selectbooleanClass" />
              </label>
	</TD> 
        </TR>
        <TR>
        <TD>
             <label id="basicForm:labe14" style="position: absolute; left: 96px; top: 168px">

                <input id="basicForm:checkbox4" type="checkbox" name="basicForm:checkbox4" class="selectbooleanClass" />
                 <span id="basicForm:outputlabel4">CheckboxAndLabelWithoutFor</span>
              </label>
	</TD>

      </TR>

      <TR>
        <TD>
             <label id="basicForm:labe15" for="basicForm:checkbox5" style="position: absolute; left: 96px; top: 168px">

                 <span id="basicForm:outputlabel5">LabelBeforeForComponent</span>
              </label>
              <input id="basicForm:checkbox5" type="checkbox" name="basicForm:checkbox5" class="selectbooleanClass" />
	</TD>

      </TR>

      <TR>
        <TD>
             <label id="basicForm:labe16" for="basicForm:checkbox6">
LabelWithValue</label>
           
              <input id="basicForm:checkbox6" type="checkbox" name="basicForm:checkbox6" class="selectbooleanClass" />
	</TD>

      </TR>
   
      <TR>
        <TD>
             <label id="basicForm:labe17" for="basicForm:checkbox7">
LabelWithValue
                <span id="basicForm:outputlabel7">andsometext</span>
              </label>
           
              <input id="basicForm:checkbox7" type="checkbox" name="basicForm:checkbox7" class="selectbooleanClass" />
	</TD>

      </TR>
      <TR>

	<TD>

	     

                
                
                
                
                
                
                
                
                
                

              <select name="basicForm:_id14" class="selectoneClass" size="10" style="someStyle" tabindex="20" title="Select Quantity">	<option value="0" disabled="disabled" class="dclass">0</option>
	<option value="1" class="eclass">1</option>
	<option value="2" class="eclass">2</option>
	<option value="3" class="eclass">3</option>
	<option value="4" class="eclass">4</option>
	<option value="5" class="eclass">5</option>
	<option value="6" class="eclass">6</option>
	<option value="7" class="eclass">7</option>
	<option value="8" class="eclass">8</option>
	<option value="9" class="eclass">9</option>
</select>

	</TD>

      </TR>

      <TR>

        <TD>

             

                
                
                
                
                
                
                
                
                
                

              <select name="basicForm:_id25" class="selectoneClass" size="1" style="someStyle" tabindex="20" title="Select Quantity">	<option value="0" disabled="disabled" class="dclass">0</option>
	<option value="1" class="eclass">1</option>
	<option value="2" class="eclass">2</option>
	<option value="3" disabled="disabled" class="dclass">3</option>
	<option value="4" class="eclass">4</option>
	<option value="5" class="eclass">5</option>
	<option value="6" class="eclass">6</option>
	<option value="7" class="eclass">7</option>
	<option value="8" class="eclass">8</option>
	<option value="9" class="eclass">9</option>
</select>

        </TD>

      </TR>

      <TR>

	<TD>

	    

                
                
                
                 
              <table id="basicForm:shipType" class="someStyleClass" style="someStyle">
	<tr>
<td>
<label class="disabledClass"><input type="radio" name="basicForm:shipType" value="nextDay" disabled="disabled" accesskey="A" tabindex="3" disabled="disabled"> Next Day</input></label></td>
<td>
<label class="disabledClass"><input type="radio" name="basicForm:shipType" value="nextWeek" accesskey="A" tabindex="3" disabled="disabled"> Next Week</input></label></td>
<td>
<label class="disabledClass"><input type="radio" name="basicForm:shipType" value="nextMonth" accesskey="A" tabindex="3" disabled="disabled"> Next Month</input></label></td>
	</tr>
</table>

	</TD>

      </TR>

      <TR>

	<TD>
            

                
                
                

           <table border="1" id="basicForm:verticalRadio">
	<tr>
<td>
<label><input type="radio" name="basicForm:verticalRadio" value="nextDay" disabled="disabled" border="1"> Next Day</input></label></td>
	</tr>
	<tr>
<td>
<label><input type="radio" name="basicForm:verticalRadio" value="nextWeek" border="1"> Next Week</input></label></td>
	</tr>
	<tr>
<td>
<label><input type="radio" name="basicForm:verticalRadio" value="nextMonth" border="1"> Next Month</input></label></td>
	</tr>
</table>

	</TD>

      </TR>

      <TR>

        <TD>Float: 
        </TD>

	<TD>
                
            <input type="text" name="basicForm:_id42" value="3.1415" style="someStyle" />
	</TD>

      </TR>



      <TR>

        <TD>Date: 
        </TD>

	<TD>
                
            <input type="text" name="basicForm:_id43" value="July 10, 1996" class="inputClass" />
	</TD>

      </TR>


      <TR>

        <TD>Disabled Date: 
        </TD>

	<TD>
                
            <input id="basicForm:date2" type="text" name="basicForm:date2" value="July 11, 1996" accesskey="D" maxlength="20" size="3" tabindex="1" readonly="readonly" />
	</TD>

      </TR>

      <TR>

        <TD>DateTime: 
        </TD>

	<TD>
                
            <input id="basicForm:date3" type="text" name="basicForm:date3" value="Wed, Jul 10, 1996 AD at 12:31:31 PM" />
	</TD>

      </TR>


      <tr>
          <td>
            
               
            <input id="basicForm:testPattern" type="text" name="basicForm:testPattern" value="10000" class="inputClass" accesskey="D" maxlength="20" size="3" tabindex="2" />
              </td>

      </tr>

      <tr>
          <td> <span id="basicForm:percentLabel" class="outputClass">OUTPUT-PERCENT</span> </td>
              <td>
                   
                       
                   <span id="basicForm:testPercent">45%</span>
              </td>
      </tr>

      <TR>

        <TD>OutputDate: 
        </TD>

	<TD>
                
            <span id="basicForm:date4" class="outputClass">July 10, 1996</span>
	</TD>

      </TR>

      <TR>

        <TD>OutputDateTime: 
        </TD>

	<TD>
                
            <span id="basicForm:date5">Wed, Jul 10, 1996 AD at 12:31:31 PM</span>
	</TD>

      </TR>

      <TR>

        <TD>InputTime: 
        </TD>

	<TD>
                
            <input id="basicForm:date6" type="text" name="basicForm:date6" value="12:31:31 PM" />
	</TD>

      </TR>

      <TR>

        <TD>OutputTime: 
        </TD>

	<TD>
                
            <span id="basicForm:date7">12:31:31 PM</span>
	</TD>

      </TR>

           <tr>

             <td>

               
                   
                <input id="basicForm:inputDate1" type="text" name="basicForm:inputDate1" value="Jan 12, 1952" accesskey="D" alt="input_date medium readonly" maxlength="20" size="10" title="input_date medium readonly" readonly="readonly" />


             </td>

            </tr>

           <tr>

             <td>

               
                   
                <input id="basicForm:inputDate2" type="text" name="basicForm:inputDate2" value="Jan 12, 1952" alt="input_date medium" title="input_date medium" />

             </td>

            </tr>

           <tr>

             <td>

               
                   
                   
                <input id="basicForm:inputDate3" type="text" name="basicForm:inputDate3" value="1/12/52" alt="input_date short" title="input_date short" />

             </td>

            </tr>

           <tr>

             <td>

               
                   
                <input id="basicForm:inputDate4" type="text" name="basicForm:inputDate4" value="January 12, 1952" accesskey="d" alt="input_date long" maxlength="40" size="20" title="input_date long" />


             </td>

            </tr>

<tr>
					<TD>Multi-select menu:</TD>
					<TD>
						
						
						
						
						
						
						
						
						
						
					<select id="basicForm:ManyApples" name="basicForm:ManyApples" class="selectmanyClass" multiple size="1" style="someStyle">	<option value="0" class="eclass">zero</option>
	<option value="1" class="eclass">one</option>
	<option value="2" class="eclass">two</option>
	<option value="3" class="eclass">three</option>
	<option value="4" disabled="disabled" class="dclass">four</option>
	<option value="5" class="eclass">five</option>
	<option value="6" class="eclass">six</option>
	<option value="7" class="eclass">seven</option>
	<option value="8" class="eclass">eight</option>
	<option value="9" class="eclass">nine</option>
</select></TD>

</tr>

<tr>
					<TD>Multi-select listbox:</TD>
					<TD>
						
						
						
						
						
						
						
						
						
						
					<select name="basicForm:_id54" multiple size="10" style="someStyle">	<option value="0" class="eclass">zero</option>
	<option value="1" class="eclass">one</option>
	<option value="2" class="eclass">two</option>
	<option value="3" disabled="disabled" class="dclass">three</option>
	<option value="4" class="eclass">four</option>
	<option value="5" class="eclass">five</option>
	<option value="6" class="eclass">six</option>
	<option value="7" class="eclass">seven</option>
	<option value="8" class="eclass">eight</option>
	<option value="9" class="eclass">nine</option>
</select></TD>
</tr>

<tr>
					<TD>>
						
						
						
						
						
						
						
						
						
						
					<table id="basicForm:ManyApples3" class="styleClass" style="someStyle">
	<tr>
<td>
<label class="disabledClass"><input name="basicForm:ManyApples3" value="0" type="checkbox" disabled="disabled" accesskey="A" tabindex="3"> zero</input></label></td>
<td>
<label class="enabledClass"><input name="basicForm:ManyApples3" value="1" type="checkbox" accesskey="A" tabindex="3"> one</input></label></td>
<td>
<label class="enabledClass"><input name="basicForm:ManyApples3" value="2" type="checkbox" accesskey="A" tabindex="3"> two</input></label></td>
<td>
<label class="enabledClass"><input name="basicForm:ManyApples3" value="3" type="checkbox" accesskey="A" tabindex="3"> three</input></label></td>
<td>
<label class="enabledClass"><input name="basicForm:ManyApples3" value="4" type="checkbox" accesskey="A" tabindex="3"> four</input></label></td>
<td>
<label class="enabledClass"><input name="basicForm:ManyApples3" value="5" type="checkbox" accesskey="A" tabindex="3"> five</input></label></td>
<td>
<label class="enabledClass"><input name="basicForm:ManyApples3" value="6" type="checkbox" accesskey="A" tabindex="3"> six</input></label></td>
<td>
<label class="enabledClass"><input name="basicForm:ManyApples3" value="7" type="checkbox" accesskey="A" tabindex="3"> seven</input></label></td>
<td>
<label class="enabledClass"><input name="basicForm:ManyApples3" value="8" type="checkbox" accesskey="A" tabindex="3"> eight</input></label></td>
<td>
<label class="enabledClass"><input name="basicForm:ManyApples3" value="9" type="checkbox" accesskey="A" tabindex="3"> nine</input></label></td>
	</tr>
</table></TD>
</tr>

<tr>
                                        <TD>
						
						
						
                                            <table id="basicForm:checklistmodel">
	<tr>
<td>
<label class="disabedClass"><input name="basicForm:checklistmodel" value="1" type="checkbox" disabled="disabled"> one</input></label></td>
<td>
<label class="disabedClass"><input name="basicForm:checklistmodel" value="2" type="checkbox" disabled="disabled"> two</input></label></td>
<td>
<label class="disabedClass"><input name="basicForm:checklistmodel" value="3" type="checkbox" disabled="disabled"> three</input></label></td>
	</tr>
</table></TD>
</tr>

<tr>
<td>

  
<span class="walleye" style="color:red">style this text like a red walleye</span>
</td>
</tr>


    
<input type="hidden" name="basicForm:_id80" value="48%" />

<tr><td>

1. You should see the &lt;i&gt;angle brackets&lt;/i&gt; on this
text

</td>
</tr>

<tr><td>

2. You should not see the <i>angle brackets</i> on this
text

</td>
</tr>

<tr><td>

3. You should not see the <i>angle
brackets</i> on this text

</td>
</tr>

<tr><td>

4. You should see the &lt;i&gt;angle
brackets&lt;/i&gt; on this text

</td>
</tr>
<
<tr><td>

5. You should not see the
<i>angle brackets</i> on this text

</td>
</tr>

<tr><td>

6. You should see the &lt;i&gt;angle
brackets&lt;/i&gt; on this text

</td>
</tr>

<tr><td>

<span id="basicForm:value7">7. You should see the &lt;i&gt;angle brackets&lt;/i&gt; on
this text</span>

</td>
</tr>

<tr><td>

8. You should not see the <i>angle
brackets</i> on this text

</td>
</tr>

<tr><td>

9. You should see
the &lt;i&gt;angle brackets&lt;/i&gt; on this text

</td>
</tr>

<tr><td>

10. You should not
see the <i>angle brackets</i> on this text

</td>
</tr>



   

<table>
<tbody>
</tbody>
</table>




   

<table>
<tbody>
</tbody>
</table>




   

<table>
<tbody>
</tbody>
</table>




    



      

  <TABLE>

<span title="output text with title">should be spanned</span>

<input type="hidden" name="basicForm" value="basicForm" /><input type="hidden" name="value" /><input type="hidden" name="basicForm:_idcl" /><input type="hidden" name="name" /></form>


    </BODY>
</HTML>
