Blame Identity/Models/Html/Home/forms.html

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
5f16d0
	<link href="/home/centos/artwork/trunk/Identity/Models/Css/Home/stylesheet.css" rel="stylesheet" type="text/css" />
5f16d0
5f16d0
</head>
5f16d0
5f16d0
<body>
5f16d0
5f16d0
5f16d0
5f16d0
5f16d0
5f16d0
    
5f16d0
5f16d0
            
5f16d0
            CentOS specific brand information. Use this section to
5f16d0
            show the CentOS logo. The image used as CentOS logo needs
5f16d0
            to be 36 pixels height.
5f16d0
            -->
5f16d0
            
5f16d0
                
5f16d0
                href="http://www.centos.org/">
5f16d0
                src="/home/centos/artwork/trunk/Identity/Brands/Img/CentOS/Logo/Horizontal/5c-tm/white/136.png" alt="CentOS"/>
5f16d0
            
5f16d0
5f16d0
            
5f16d0
            CentOS specific navigation links. Use this section to list
5f16d0
            the web applications you want to be always visible no
5f16d0
            matter where you are inside the CentOS web environment.
5f16d0
            Example of web applications are: Wiki, Lists, Mirrors,
5f16d0
            Forums, Planet, etc.
5f16d0
            -->
5f16d0
            
5f16d0
5f16d0
                
5f16d0
                
5f16d0
                (Alt+Shift+1)" href="http://www.centos.org/">Home
7519de
                 
5f16d0
       
5f16d0
                
5f16d0
                
5f16d0
                href="/home/centos/artwork/trunk/Identity/Models/Html/Moin/index.html">Wiki
5f16d0
                
5f16d0
       
5f16d0
                
5f16d0
                
5f16d0
                (Alt+Shift+3)" href="http://lists.centos.org/">Lists
5f16d0
                
5f16d0
5f16d0
                
5f16d0
                
5f16d0
                href="http://forums.centos.org">Forums
5f16d0
                
5f16d0
5f16d0
                
5f16d0
                
5f16d0
                href="http://planet.centos.org">Planet
5f16d0
                
5f16d0
5f16d0
                
5f16d0
                
5f16d0
                href="https://projects.centos.org/trac/">Projects
5f16d0
                
5f16d0
5f16d0
                
5f16d0
                
5f16d0
                href="http://mirrors.centos.org">Mirrors
5f16d0
                
5f16d0
5f16d0
            
5f16d0
5f16d0
            
5f16d0
            CentOS soponsors promotion. 
5f16d0
            -->
5f16d0
5f16d0
            
5f16d0
            Google promotion ads. 
5f16d0
            -->
5f16d0
5f16d0
            

5f16d0
            
4d19ae
4d19ae
                
4d19ae
                Application specific links for user stuff. Use this
4d19ae
                section to set Login, Register, Lost your passwrod?
4d19ae
                and so links.
4d19ae
                -->
5f16d0
                
5f16d0
                    Login
5f16d0
                    Register
5f16d0
                    Lost your password?
5f16d0
                
4d19ae
            
4d19ae
                
4d19ae
                Application specific links for trail sutff. Use this
4d19ae
                section if your application trails the pages you've
4d19ae
                visited.
4d19ae
                -->
4d19ae
    	        
4d19ae
    		        Pagination
4d19ae
            		Lists
4d19ae
            		Headings
4d19ae
            		Links
4d19ae
            		Texts
4d19ae
            		Home
4d19ae
            	
4d19ae
5f16d0
            
5f16d0
5f16d0
            
5f16d0
            Application specific links for content stuff. Use this
5f16d0
            section to set application specific links that need to
5f16d0
            remain always visible inside the application environment.
5f16d0
            -->
5f16d0
5f16d0
            
5f16d0
5f16d0
                
5f16d0
                href="index.html">Welcome
5f16d0
7519de
                
5f16d0
                href="headings.html">Headings
5f16d0
5f16d0
                
5f16d0
                href="texts.html">Texts
5f16d0
5f16d0
                
5f16d0
                href="lists.html">Lists
5f16d0
5f16d0
                
5f16d0
                href="links.html">Links
5f16d0
5f16d0
                
5f16d0
                href="tables.html">Tables
5f16d0
7519de
                
7519de
                href="forms.html">Forms
5f16d0
        
5f16d0
                
5f16d0
                href="pagination.html">Pagination
5f16d0
5f16d0
            
5f16d0
5f16d0
            

5f16d0
5f16d0
    
5f16d0
5f16d0
    
5f16d0
    Start page body definitions.
5f16d0
    -->
5f16d0
5f16d0
    
5f16d0
7519de
        
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
      7519de
              
      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
          
      c362e6
      	        

      Forms

      7519de
      838f5d
              	

      CentOS Forms Visual Style Guide.

      4d19ae
      c362e6

      Table of contents

      c362e6
      c362e6
                  

      Elements

      c362e6
      838f5d
              	<form method="post" action="" title="Form Styles">
      838f5d
              	<fieldset>
      838f5d
                  	<legend>Fieldset:</legend>
      838f5d
                  	
      838f5d
                  		input[type="text"]
      838f5d
                          
      <input type="text" name="fname" value="" size="40" />
      838f5d
                  	
      5f16d0
      838f5d
      	            
      838f5d
                  		input[type="password"]
      838f5d
                  		
      <input type="password" name="email" value="" size="40" />
      838f5d
                  	
      7519de
      838f5d
                  	
      838f5d
                  		textarea
      838f5d
                  		
      <textarea name="pdescrip" cols="50" 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
      c362e6
                  

      Recommendations

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

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

        5f16d0
            
        5f16d0
        5f16d0
                
        5f16d0
                    
        5f16d0
                    href="#top">
        5f16d0
                    src="/home/centos/artwork/trunk/Identity/Models/Img/Promo/Web/png/top.png"
        5f16d0
                    alt="Top"/>
        5f16d0
                
        5f16d0
        4d19ae
                
        5f16d0
                    Copyright 2009-2010 © 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>