Blame Identity/Webenv/App/Home/forms.xhtml

5f16d0
5f16d0
5f16d0
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
5f16d0
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
5f16d0
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en" xml:lang="en">
5f16d0
<head>
5f16d0
5f16d0
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
5f16d0
	<meta http-equiv="content-style-type" content="text/css" />
5f16d0
	<meta http-equiv="content-language" content="en" />
838f5d
	<meta name="keywords" content="centos web forms visual style guide" />
838f5d
    <meta name="description" content="CentOS forms visual style guide is a tool to help you customize forms inside CentOS websites." />
5f16d0
	<meta name="copyright" content="2009-2010 Alain Reguera Delgado" />
5f16d0
7519de
	<title>Forms - Home</title>
5f16d0
bcca7a
	<link href="/home/centos/artwork/trunk/Identity/Webenv/Css/App/default.css" rel="stylesheet" type="text/css" media="screen projection"/>
5f16d0
5f16d0
</head>
5f16d0
5f16d0
<body>
5f16d0
5f16d0
5f16d0
5f16d0
5f16d0
5f16d0
    
5f16d0
97bb31
        
97bb31
        CentOS specific brand information. Use this section to show
97bb31
        the CentOS logo. The image used as CentOS logo needs to be 58
97bb31
        pixels height.
97bb31
        -->
97bb31
        
97bb31
            
97bb31
            href="http://www.centos.org/">
33db6e
            src="/home/centos/artwork/trunk/Identity/Images/Brands/Logos/White/78/centos.png" alt="CentOS"/>
97bb31
        
5f16d0
97bb31
        
97bb31
        Advertisement area (468x60 pixels). 
97bb31
        -->
fb25eb
        
fb25eb
            Google Advertisement
97bb31
            <script type="text/javascript">
97bb31
                google_ad_client = "pub-6973128787810819";
97bb31
                google_ad_width = 468;
97bb31
                google_ad_height = 60;
97bb31
                google_ad_format = "468x60_as";
97bb31
                google_ad_type = "text_image";
97bb31
                google_ad_channel = "";
97bb31
                google_color_border = "204c8d";
97bb31
                google_color_bg = "345c97";
97bb31
                google_color_link = "0000FF";
97bb31
                google_color_text = "FFFFFF";
97bb31
                google_color_url = "008000";
97bb31
                //-->
97bb31
            </script>
97bb31
97bb31
            
97bb31
                src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
97bb31
            </script>
97bb31
        
5f16d0
97bb31
        
97bb31
        CentOS specific navigation links. Use this section to list the
97bb31
        web applications you want to be always visible no matter where
97bb31
        you are inside the CentOS web environment.  Example of web
fb25eb
        applications are: Wiki, Lists, Downloads, Forums, Planet, etc.
97bb31
        -->
97bb31
        

97bb31
        
97bb31
97bb31
            
97bb31
            
97bb31
            Home
97bb31
             
5f16d0
       
97bb31
            
97bb31
            
fb25eb
            href="http://wiki.centos.org/">
97bb31
            Wiki
97bb31
            
5f16d0
       
97bb31
            
97bb31
            
97bb31
            Lists
97bb31
            
97bb31
97bb31
            
97bb31
            
97bb31
            Forums
97bb31
            
97bb31
97bb31
            
97bb31
            
97bb31
            Planet
97bb31
            
97bb31
            
97bb31
            
97bb31
            
97bb31
            Bugs
97bb31
            
5f16d0
97bb31
            
fb25eb
            
fb25eb
            SIGs
97bb31
            
97bb31
97bb31
            
fb25eb
            
fb25eb
            Downloads
97bb31
            
97bb31
97bb31
        
97bb31
fb25eb
        
fb25eb
        Sponsors Advertisement.
fb25eb
        -->
fb25eb
        
fb25eb
        Sponsors Advertisement
fb25eb
        
fb25eb
97bb31
        
5f16d0
5f16d0
            
97bb31
            Application specific links for user stuff. Use this section to
97bb31
            set Login, Register, Lost your passwrod?  and so links.
97bb31
            -->
97bb31
            
97bb31
                Lost your password?
97bb31
                Register
97bb31
                Login
97bb31
            
97bb31
        
97bb31
            
97bb31
            Application specific links for trail sutff. Use this section
97bb31
            if your application trails the pages you've visited.
5f16d0
            -->
97bb31
        	
97bb31
    	        Pagination
97bb31
                Lists
97bb31
                Headings
97bb31
                Links
97bb31
                Texts
97bb31
                Home
97bb31
            
5f16d0
5f16d0
            
97bb31
            Application specific links for content stuff. Use this section
97bb31
            to set application specific links that need to remain always
97bb31
            visible inside the application environment.
5f16d0
            -->
5f16d0
97bb31
            
97bb31
    
97bb31
                
97bb31
                href="index.xhtml">Welcome
97bb31
    
97bb31
                
97bb31
                href="headings.xhtml">Headings
97bb31
    
97bb31
                
97bb31
                href="texts.xhtml">Texts
5f16d0
97bb31
                
97bb31
                href="lists.xhtml">Lists
5f16d0
97bb31
                
97bb31
                href="links.xhtml">Links
5f16d0
97bb31
                
97bb31
                href="tables.xhtml">Tables
5f16d0
97bb31
                
97bb31
                href="forms.xhtml">Forms
5f16d0
        
97bb31
                
97bb31
                href="pagination.xhtml">Pagination
5f16d0
5f16d0
            
5f16d0
97bb31
        
97bb31
97bb31
        

5f16d0
5f16d0
    
5f16d0
5f16d0
    
5f16d0
    Start page body definitions.
5f16d0
    -->
5f16d0
5f16d0
    
5f16d0
fb25eb
        
7519de
7519de
            
7519de
            The content of right column goes here.
7519de
            -->
7519de
7519de
            
    7519de
                    
  • Release Notes
  • 7519de
                    
  • Lifetime
  • 7519de
                    
  • Downloads
  • 7519de
                    
  • Documentation
  • 7519de
                    
  • Security Advisories
  • 7519de
                    
  • Bugs
  • 7519de
                    
  • Tips and tricks
  • 7519de
                    
  • HowTos
  • 7519de
                
    7519de
    7519de
                
      7519de
                      
    • In this bar, it is possible to separate links by
    • 7519de
                      blocks.
      7519de
                  
      4d19ae
      4d19ae
              
      4d19ae
      859d61
              
      7519de
      7519de
                  
      7519de
                  Application specific links for breadcrumbs sutff. Use this
      7519de
                  section if your application supports breadcrumbs.
      7519de
                  -->
      7519de
              	
      7519de
              	    Pagination
      7519de
                      Lists
      7519de
                      Headings
      7519de
                      Links
      7519de
                      Texts
      7519de
                      Home
      7519de
                  
      7519de
      7519de
                  
      7519de
                  The content of left column starts here.
      7519de
                  -->
      838f5d
          
      fb25eb
      	        

      Forms

      7519de
      838f5d
              	

      CentOS Forms Visual Style Guide.

      4d19ae
      fb25eb

      Table of contents

      Forms
      Elements
      Recommendations
      c362e6
      fb25eb
                  

      Elements

      c362e6
      838f5d
              	<form method="post" action="" title="Form Styles">
      838f5d
              	<fieldset>
      838f5d
                  	<legend>Fieldset:</legend>
      838f5d
                  	
      838f5d
                  		input[type="text"]
      fb25eb
                          
      <input type="text" name="fname" value="" size="30" />
      838f5d
                  	
      5f16d0
      838f5d
      	            
      838f5d
                  		input[type="password"]
      fb25eb
                  		
      <input type="password" name="email" value="" size="30" />
      838f5d
                  	
      7519de
      838f5d
                  	
      838f5d
                  		textarea
      fb25eb
                  		
      <textarea name="pdescrip" cols="40" rows="10"></textarea>
      838f5d
                  	
      838f5d
      838f5d
                  	
      838f5d
                  		select
      838f5d
                  		
      838f5d
              	    	<select name="ulang" title="One Level Selection">
      838f5d
      		            	<option value="" selected="selected"></option>
      838f5d
              		    	<option value="en">English</option>
      838f5d
                  			<option value="es">Spanish</option>
      838f5d
                  			<option value="fr">French</option>
      838f5d
                  			<option value="it">Italian</option>
      838f5d
                  		</select>
      838f5d
      838f5d
                  		<select name="mlevel" title="Multi Level Selection">
      838f5d
                  			<option value="" selected="selected"></option>
      838f5d
                  			<optgroup label="CentOS-3">
      838f5d
                  				<option value="c3-docs">Documentation</option>
      838f5d
                  				<option value="c3-wiki">Wiki</option>
      838f5d
                  				<option value="c3-download">Download</option>
      838f5d
                  				<option value="c3-lists">Mailing Lists</option>
      838f5d
                  				<option value="c3-forums">Forums</option>
      838f5d
              	    			<option value="c3-bugs">Bugs</option>
      838f5d
                  			</optgroup>
      838f5d
      	            		<optgroup label="CentOS-4">
      838f5d
                  				<option value="c4-docs">Documentation</option>
      838f5d
                  				<option value="c4-wiki">Wiki</option>
      838f5d
      			             	<option value="c4-download">Download</option>
      838f5d
                  				<option value="c4-lists">Mailing Lists</option>
      838f5d
                  				<option value="c4-forums">Forums</option>
      838f5d
                  				<option value="c4-bugs">Bugs</option>
      838f5d
                  			</optgroup>
      838f5d
      			        <optgroup label="CentOS-5">
      838f5d
              				<option value="c5-wiki">Wiki</option>
      838f5d
              				<option value="c5-docs">Documentation</option>
      838f5d
      	        			<option value="c5-download">Download</option>
      838f5d
              				<option value="c5-lists">Mailing Lists</option>
      838f5d
      		        		<option value="c5-forums">Forums</option>
      838f5d
          	    			<option value="c5-bugs">Bugs</option>
      838f5d
      	        		</optgroup>
      838f5d
              		    </select>
      838f5d
      838f5d
      		            <select multiple="multiple" title="Multiple Selection (One Level)" size="5">
      838f5d
      				        <option value="c5-wiki">Wiki</option>
      838f5d
              				<option value="c5-docs">Documentation</option>
      838f5d
              				<option value="c5-download">Download</option>
      838f5d
              				<option value="c5-lists">Mailing Lists</option>
      838f5d
              				<option value="c5-forums">Forums</option>
      838f5d
              				<option value="c5-bugs">Bugs</option>
      838f5d
                  		</select>
      838f5d
              	    	<select multiple="multiple" title="Multiple Selection (Two Levels)" size="5">
      838f5d
      		            	<optgroup label="CentOS-3">
      838f5d
      			            	<option value="c3-docs">Documentation</option>
      838f5d
                  				<option value="c3-wiki">Wiki</option>
      838f5d
                  				<option value="c3-download">Download</option>
      838f5d
                  				<option value="c3-lists">Mailing Lists</option>
      838f5d
                  				<option value="c3-forums">Forums</option>
      838f5d
                  				<option value="c3-bugs">Bugs</option>
      838f5d
              	    		</optgroup>
      838f5d
      		            	<optgroup label="CentOS-4">
      838f5d
              			    	<option value="c4-docs">Documentation</option>
      838f5d
              				    <option value="c4-wiki">Wiki</option>
      838f5d
                  				<option value="c4-download">Download</option>
      838f5d
                  				<option value="c4-lists">Mailing Lists</option>
      838f5d
                  				<option value="c4-forums">Forums</option>
      838f5d
                  				<option value="c4-bugs">Bugs</option>
      838f5d
                  			</optgroup>
      838f5d
          	        		<optgroup label="CentOS-5">
      838f5d
              			    	<option value="c5-wiki">Wiki</option>
      838f5d
                  				<option value="c5-docs">Documentation</option>
      838f5d
              	    			<option value="c5-download">Download</option>
      838f5d
                    				<option value="c5-lists">Mailing Lists</option>
      838f5d
                  				<option value="c5-forums">Forums</option>
      838f5d
                  				<option value="c5-bugs">Bugs</option>
      838f5d
              	    		</optgroup>
      838f5d
      		            </select>
      838f5d
                  		
      838f5d
                  	
      838f5d
      838f5d
                  	
      838f5d
                  		checkbox
      838f5d
                  		
      838f5d
              		
      838f5d
      		            
      838f5d
                  		<label title="Check 1"><input name="check[]" type="checkbox" value="1" />Check 1 column 1</label>
      838f5d
                  		<label title="Check 2"><input name="check[]" type="checkbox" value="2" />Check 2</label>
      838f5d
                  		<label title="Check 3"><input name="check[]" type="checkbox" value="3" />Check 3</label>
      838f5d
                  		<label title="Check 4"><input name="check[]" type="checkbox" value="4" />Check 4</label>
      838f5d
                  		
      838f5d
      838f5d
                  		
      838f5d
                  		<label title="Check 5"><input name="check[]" type="checkbox" value="5" />Check 5</label>
      838f5d
                  		<label title="Check 6"><input name="check[]" type="checkbox" value="6" />Check 6</label>
      838f5d
                  		<label title="Check 7"><input name="check[]" type="checkbox" value="7" />Check 7 column 2</label>
      838f5d
                  		<label title="Check 8"><input name="check[]" type="checkbox" value="8" />Check 8</label>
      838f5d
                  		
      838f5d
      838f5d
              		    
      838f5d
          		        <label title="Check 9"><input name="check[]" type="checkbox" value="9" />Check 9</label>
      838f5d
                  		<label title="Check 10"><input name="check[]" type="checkbox" value="10" />Check 10</label>
      838f5d
                  		<label title="Check 11"><input name="check[]" type="checkbox" value="11" />Check 11</label>
      838f5d
                  		<label title="Check 12"><input name="check[]" type="checkbox" value="12" />Check 12</label>
      838f5d
                  		
      838f5d
      838f5d
              		
      838f5d
      838f5d
              	
      838f5d
      838f5d
              	
      838f5d
              		radio
      838f5d
              		
      838f5d
      838f5d
      		        
      838f5d
              		<label title="Radio 1"><input name="radio" type="radio" value="1" />Radio 1 column 1</label>
      838f5d
              		<label title="Radio 2"><input name="radio" type="radio" value="2" />Radio 2</label>
      838f5d
              		<label title="Radio 3"><input name="radio" type="radio" value="3" />Radio 3</label>
      838f5d
              		<label title="Radio 4"><input name="radio" type="radio" value="4" />Radio 4</label>
      838f5d
              		
      838f5d
      838f5d
              		
      838f5d
              		<label title="Radio 5"><input name="radio" type="radio" value="5" />Radio 5</label>
      838f5d
              		<label title="Radio 6"><input name="radio" type="radio" value="6" />Radio 6</label>
      838f5d
              		<label title="Radio 7"><input name="radio" type="radio" value="7" />Radio 7</label>
      838f5d
              		<label title="Radio 8"><input name="radio" type="radio" value="8" />Radio 8</label>
      838f5d
              		
      838f5d
              
      838f5d
              		
      838f5d
              	
      838f5d
              
      838f5d
              	

      838f5d
      838f5d
              	
      838f5d
                      
      838f5d
                      value="Submit" />
      838f5d
                      
      838f5d
                      
      Brief fieldset description here ... Brief
      838f5d
                          fieldset description here ... Brief fieldset description here
      838f5d
                      ... 
      838f5d
                      
      838f5d
      838f5d
                  
      838f5d
          
      838f5d
                  </fieldset>
      838f5d
              	</form>
      7519de
      fb25eb
                  

      Recommendations

      c362e6
      c362e6
                  
        c362e6
                        
      • ...
      • c362e6
                    
        7519de
        7519de
                
        7519de
        97bb31
                
        97bb31
                The content of left column ends here.
        97bb31
                -->
        97bb31
                

        97bb31
        97bb31
            
        7519de
        5f16d0
            
        5f16d0
            Start page footer definitions.
        5f16d0
            -->
        7519de
            

        5f16d0
            
        5f16d0
        5f16d0
                
        5f16d0
                    
        5f16d0
                    href="#top">
        fb25eb
                    src="/home/centos/artwork/trunk/Identity/Images/Webenv/top.png"
        5f16d0
                    alt="Top"/>
        4e1041
                
        5f16d0
        4d19ae
                
        a0b963
                    Copyright © 2009-2011 Alain Reguera Delgado. All rights
        5f16d0
                    reserved.
        This website is licensed under a
        5f16d0
                    rel="license"
        5f16d0
                    href="http://creativecommons.org/licenses/by-sa/3.0/">Creative
        5f16d0
                    Commons Attribution-Share Alike 3.0 Unported License.
        5f16d0
        5f16d0
                
        5f16d0
        5f16d0
            
        5f16d0
        5f16d0
        5f16d0
        5f16d0
        </body>
        5f16d0
        5f16d0
        </html>