| <?xml version="1.0"?> |
| <!DOCTYPE html |
| PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" |
| "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en" xml:lang="en"> |
| <head> |
| |
| <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> |
| <meta http-equiv="content-style-type" content="text/css" /> |
| <meta http-equiv="content-language" content="en" /> |
| <meta name="keywords" content="centos form visual style guide" /> |
| <meta name="description" content="CentOS forms visual style guide." /> |
| <meta name="copyright" content="2009 - The CentOS Project" /> |
| |
| <title>Forms - CentOS Web Visual Style Guide</title> |
| |
| <link href="/home/centos/artwork/trunk/Identity/Models/Css/Moin/stylesheet.css" rel="stylesheet" type="text/css" /> |
| |
| </head> |
| |
| <body> |
| |
| <div id="wrap"> |
| |
| <div id="page-header"> |
| |
| <div class="links"> |
| |
| <div class="tabs1"> |
| |
| <span> |
| <a accesskey="1" title="CentOS Home Page (Alt+Shift+1)" href="http://centos.org/"><span>Home</span></a> |
| </span> |
| |
| <span class="current"> |
| <a accesskey="2" title="CentOS Wiki (Alt+Shift+2)" href="http://centos.org/wiki"><span>Wiki</span></a> |
| </span> |
| |
| <span> |
| <a accesskey="3" title="CentOS Documentation (Alt+Shift+3)" href="http://centos.org/docs"><span>Docs</span></a> |
| </span> |
| |
| <span> |
| <a accesskey="4" title="CentOS Mailing Lists (Alt+Shift+4)" href="http://centos.org/lists"><span>Lists</span></a> |
| </span> |
| |
| <span> |
| <a accesskey="5" title="CentOS Forums (Alt+Shift+5)" href="http://centos.org/forums"><span>Forums</span></a> |
| </span> |
| |
| <span> |
| <a accesskey="6" title="CentOS Projects (Alt+Shift+6)" href="http://centos.org/projects"><span>Projects</span></a> |
| </span> |
| |
| <span> |
| <a accesskey="7" title="CentOS Bugs (Alt+Shift+7)" href="http://centos.org/bugs"><span>Bugs</span></a> |
| </span> |
| |
| <span class="download"> |
| <a accesskey="D" title="CentOS Download (Alt+Shift+D)" href="http://centos.org/download"><span>Download</span></a> |
| </span> |
| |
| </div> |
| |
| <div class="page-line"><hr style="display:none;" /></div> |
| |
| <div class="search"> |
| <form method="post" action="" title="CentOS Search"> |
| <p> |
| <input type="text" value="" /> |
| |
| <select name="lang"> |
| <option value="es">Spanish</option> |
| <option value="en">English</option> |
| </select> |
| |
| <select name="mlevel"> |
| <optgroup label="CentOS-3"> |
| <option value="docs">Documentation</option> |
| <option value="wiki">Wiki</option> |
| <option value="download">Download</option> |
| <option value="lists">Mailing Lists</option> |
| <option value="forums">Forums</option> |
| <option value="bugs">Bugs</option> |
| </optgroup> |
| <optgroup label="CentOS-4"> |
| <option value="docs">Documentation</option> |
| <option value="wiki">Wiki</option> |
| <option value="download">Download</option> |
| <option value="lists">Mailing Lists</option> |
| <option value="forums">Forums</option> |
| <option value="bugs">Bugs</option> |
| </optgroup> |
| <optgroup label="CentOS-5"> |
| <option value="docs">Documentation</option> |
| <option value="wiki">Wiki</option> |
| <option value="download">Download</option> |
| <option value="lists">Mailing Lists</option> |
| <option value="forums">Forums</option> |
| <option value="bugs">Bugs</option> |
| </optgroup> |
| </select> |
| |
| <input type="submit" value="Search" /> |
| </p> |
| </form> |
| </div> |
| |
| <div class="page-line"><hr style="display:none;" /></div> |
| |
| <div class="user"> |
| <span><a href="">Login</a></span> |
| <span><a href="">Create Account</a></span> |
| <span class="last"><a href="">Lost Your Password?</a></span> |
| </div> |
| |
| <div class="page-line"><hr style="display:none;" /></div> |
| |
| <div class="trail"> |
| <span><a href="">Login</a></span> |
| <span><a href="">Create Account</a></span> |
| <span class="last"><a href="">Lost Your Password?</a></span> |
| </div> |
| |
| </div> |
| |
| <div id="logo"> |
| <a title="Community Enterprise Operating System" href="http://www.centos.org/"> |
| <img src="../Img/png/centos-logo.png" alt="CentOS" /> |
| </a> |
| </div> |
| |
| <div class="page-line"><hr style="display:none;" /></div> |
| |
| <div class="tabs2"> |
| <span><a title="Welcome to the web special interest group" href="index.html"><span>Welcome</span></a></span> |
| <span><a title="CentOS headings visual style guide." href="headings.html"><span>Headings</span></a></span> |
| <span><a title="CentOS texts visual style guide." href="texts.html"><span>Texts</span></a></span> |
| <span><a title="CentOS lists visual style guide." href="lists.html"><span>Lists</span></a></span> |
| <span><a title="CentOS links visual style guide." href="links.html"><span>Links</span></a></span> |
| <span><a title="CentOS tables visual style guide." href="tables.html"><span>Tables</span></a></span> |
| <span class="current"><a title="CentOS forms visual style guide." href="forms.html"><span>Forms</span></a></span> |
| <span><a title="CentOS pagination visual style guide." href="pagination.html"><span>Pagination</span></a></span> |
| </div> |
| |
| <div class="page-line blue"><hr style="display:none;" /></div> |
| |
| <div class="admin"> |
| <span><a accesskey="T" href="http://www.centos.org/" title="Text Edition (Alt+Shift+T)">Text Edit</a></span> |
| <span><a accesskey="G" href="http://www.centos.org" title="Graphical Edition (Alt+Shift+G)">Visual Edit</a></span> |
| <span><a href="">Information</a></span> |
| <span><a href="">Set Link</a></span> |
| <form method="post" action=""> |
| <p> Action: <select name="lang"> |
| <option value="es">Spanish</option> |
| <option value="en">English</option> |
| </select> |
| <input type="submit" value="Go" /> |
| </p> |
| </form> |
| </div> |
| |
| |
| </div> |
| |
| <div id="page-location"> |
| <span><a href="">Home</a></span> |
| <span><a href="">Help</a></span> |
| <span><a href="">Style</a></span> |
| <span class="last"><a href="">Web</a></span> |
| </div> |
| |
| <div id="page-body"> |
| |
| <h1>Forms</h1> |
| |
| <p>CentOS Forms Visual Style Guide.</p> |
| |
| <h2>Recommendations</h2> |
| |
| <ul> |
| <li>...</li> |
| </ul> |
| |
| <h2>Examples</h2> |
| |
| <form method="post" action="" title="Form Styles"> |
| <fieldset> |
| <legend>Fieldset:</legend> |
| <div class="row1"> |
| <span class="descrip">input[type="text"]</span> |
| <div class="field"><input type="text" name="fname" value="" size="40" /></div> |
| </div> |
| |
| <div class="row2"> |
| <span class="descrip">input[type="password"]</span> |
| <div class="field"><input type="password" name="email" value="" size="40" /></div> |
| </div> |
| |
| <div class="row1"> |
| <span class="descrip">textarea</span> |
| <div class="field"><textarea name="pdescrip" cols="50" rows="10"></textarea></div> |
| </div> |
| |
| <div class="row2"> |
| <span class="descrip">select</span> |
| <div class="field"> |
| <select name="ulang" title="One Level Selection"> |
| <option value="" selected="selected"></option> |
| <option value="en">English</option> |
| <option value="es">Spanish</option> |
| <option value="fr">French</option> |
| <option value="it">Italian</option> |
| </select> |
| |
| <select name="mlevel" title="Multi Level Selection"> |
| <option value="" selected="selected"></option> |
| <optgroup label="CentOS-3"> |
| <option value="c3-docs">Documentation</option> |
| <option value="c3-wiki">Wiki</option> |
| <option value="c3-download">Download</option> |
| <option value="c3-lists">Mailing Lists</option> |
| <option value="c3-forums">Forums</option> |
| <option value="c3-bugs">Bugs</option> |
| </optgroup> |
| <optgroup label="CentOS-4"> |
| <option value="c4-docs">Documentation</option> |
| <option value="c4-wiki">Wiki</option> |
| <option value="c4-download">Download</option> |
| <option value="c4-lists">Mailing Lists</option> |
| <option value="c4-forums">Forums</option> |
| <option value="c4-bugs">Bugs</option> |
| </optgroup> |
| <optgroup label="CentOS-5"> |
| <option value="c5-wiki">Wiki</option> |
| <option value="c5-docs">Documentation</option> |
| <option value="c5-download">Download</option> |
| <option value="c5-lists">Mailing Lists</option> |
| <option value="c5-forums">Forums</option> |
| <option value="c5-bugs">Bugs</option> |
| </optgroup> |
| </select> |
| |
| <select multiple="multiple" title="Multiple Selection (One Level)" size="5"> |
| <option value="c5-wiki">Wiki</option> |
| <option value="c5-docs">Documentation</option> |
| <option value="c5-download">Download</option> |
| <option value="c5-lists">Mailing Lists</option> |
| <option value="c5-forums">Forums</option> |
| <option value="c5-bugs">Bugs</option> |
| </select> |
| <select multiple="multiple" title="Multiple Selection (Two Levels)" size="5"> |
| <optgroup label="CentOS-3"> |
| <option value="c3-docs">Documentation</option> |
| <option value="c3-wiki">Wiki</option> |
| <option value="c3-download">Download</option> |
| <option value="c3-lists">Mailing Lists</option> |
| <option value="c3-forums">Forums</option> |
| <option value="c3-bugs">Bugs</option> |
| </optgroup> |
| <optgroup label="CentOS-4"> |
| <option value="c4-docs">Documentation</option> |
| <option value="c4-wiki">Wiki</option> |
| <option value="c4-download">Download</option> |
| <option value="c4-lists">Mailing Lists</option> |
| <option value="c4-forums">Forums</option> |
| <option value="c4-bugs">Bugs</option> |
| </optgroup> |
| <optgroup label="CentOS-5"> |
| <option value="c5-wiki">Wiki</option> |
| <option value="c5-docs">Documentation</option> |
| <option value="c5-download">Download</option> |
| <option value="c5-lists">Mailing Lists</option> |
| <option value="c5-forums">Forums</option> |
| <option value="c5-bugs">Bugs</option> |
| </optgroup> |
| </select> |
| </div> |
| </div> |
| |
| <div class="row1"> |
| <span class="descrip">checkbox</span> |
| <div class="field"> |
| |
| <div class="column"> |
| <label title="Check 1"><input name="check[]" type="checkbox" value="1" /> Check 1 column 1</label><br /> |
| <label title="Check 2"><input name="check[]" type="checkbox" value="2" /> Check 2</label><br /> |
| <label title="Check 3"><input name="check[]" type="checkbox" value="3" /> Check 3</label><br /> |
| <label title="Check 4"><input name="check[]" type="checkbox" value="4" /> Check 4</label><br /> |
| </div> |
| |
| <div class="column"> |
| <label title="Check 5"><input name="check[]" type="checkbox" value="5" /> Check 5</label><br /> |
| <label title="Check 6"><input name="check[]" type="checkbox" value="6" /> Check 6</label><br /> |
| <label title="Check 7"><input name="check[]" type="checkbox" value="7" /> Check 7 column 2</label><br /> |
| <label title="Check 8"><input name="check[]" type="checkbox" value="8" /> Check 8</label><br /> |
| </div> |
| |
| <div class="colum"> |
| <label title="Check 9"><input name="check[]" type="checkbox" value="9" /> Check 9</label><br /> |
| <label title="Check 10"><input name="check[]" type="checkbox" value="10" /> Check 10</label><br /> |
| <label title="Check 11"><input name="check[]" type="checkbox" value="11" /> Check 11</label><br /> |
| <label title="Check 12"><input name="check[]" type="checkbox" value="12" /> Check 12</label><br /> |
| </div> |
| |
| </div> |
| |
| </div> |
| |
| <div class="row2"> |
| <span class="descrip">radio</span> |
| <div class="field"> |
| |
| <div class="column"> |
| <label title="Radio 1"><input name="radio" type="radio" value="1" /> Radio 1 column 1</label><br /> |
| <label title="Radio 2"><input name="radio" type="radio" value="2" /> Radio 2</label><br /> |
| <label title="Radio 3"><input name="radio" type="radio" value="3" /> Radio 3</label><br /> |
| <label title="Radio 4"><input name="radio" type="radio" value="4" /> Radio 4</label> |
| </div> |
| |
| <div class="column"> |
| <label title="Radio 5"><input name="radio" type="radio" value="5" /> Radio 5</label><br /> |
| <label title="Radio 6"><input name="radio" type="radio" value="6" /> Radio 6</label><br /> |
| <label title="Radio 7"><input name="radio" type="radio" value="7" /> Radio 7</label><br /> |
| <label title="Radio 8"><input name="radio" type="radio" value="8" /> Radio 8</label> |
| </div> |
| |
| </div> |
| </div> |
| |
| <div class="page-line"><hr style="display:none;" /></div> |
| |
| <div class="row3"><span class="submit"><input type="submit" name="upref" value="Submit" /></span><div class="descrip">Brief fieldset description here ... Brief fieldset description here ... Brief fieldset description here ... </div></div> |
| </fieldset> |
| </form> |
| |
| </div> |
| |
| <div id="page-info">FrontPage (last edited 2009-10-15 10:12:13 by <a |
| href="">FirstnameLastname</a>)</div> |
| |
| <div id="page-footer"> |
| |
| <div class="admin"> |
| <span><a href="">Text Edit</a></span> |
| <span><a href="">Visual Edit</a></span> |
| <span><a href="">Information</a></span> |
| <span class="last"><a href="">Set Link</a></span> |
| </div> |
| |
| <div class="page-line blue"><hr style="display:none;" /></div> |
| |
| <div class="tabs2"> |
| <span><a title="Welcome to the web special interest group" href="index.html"><span>Welcome</span></a></span> |
| <span><a title="CentOS headings visual style guide." href="headings.html"><span>Headings</span></a></span> |
| <span><a title="CentOS texts visual style guide." href="texts.html"><span>Texts</span></a></span> |
| <span><a title="CentOS lists visual style guide." href="lists.html"><span>Lists</span></a></span> |
| <span><a title="CentOS links visual style guide." href="links.html"><span>Links</span></a></span> |
| <span><a title="CentOS tables visual style guide." href="tables.html"><span>Tables</span></a></span> |
| <span class="current"><a title="CentOS forms visual style guide." href="forms.html"><span>Forms</span></a></span> |
| <span><a title="CentOS pagination visual style guide." href="pagination.html"><span>Pagination</span></a></span> |
| </div> |
| |
| <div class="page-line"><hr style="display:none;" /></div> |
| |
| <div class="lisence"> |
| |
| <strong><a rel="license" |
| href="http://creativecommons.org/licenses/by-sa/3.0/"> <img |
| alt="Creative Commons License" style="border-width: 0pt;" |
| src="http://creativecommons.org/images/public/somerights20.png" /> |
| </a></strong> <br />This wiki is licensed under a <a rel="license" |
| href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons |
| Attribution-Share Alike 3.0 Unported License</a>. |
| |
| </div> |
| |
| <div class="page-line"><hr style="display:none;" /></div> |
| |
| <div class="tabs1"> |
| |
| <span> |
| <a title="CentOS Home Page (Alt+Shift+1)" href="http://centos.org/"><span>Home</span></a> |
| </span> |
| |
| <span class="current"> |
| <a title="CentOS Wiki (Alt+Shift+2)" href="http://centos.org/wiki"><span>Wiki</span></a> |
| </span> |
| |
| <span> |
| <a title="CentOS Documentation (Alt+Shift+3)" href="http://centos.org/docs"><span>Docs</span></a> |
| </span> |
| |
| <span> |
| <a title="CentOS Mailing Lists (Alt+Shift+4)" href="http://centos.org/lists"><span>Lists</span></a> |
| </span> |
| |
| <span> |
| <a title="CentOS Forums (Alt+Shift+5)" href="http://centos.org/forums"><span>Forums</span></a> |
| </span> |
| |
| <span> |
| <a title="CentOS Projects (Alt+Shift+6)" href="http://centos.org/projects"><span>Projects</span></a> |
| </span> |
| |
| <span> |
| <a title="CentOS Bugs (Alt+Shift+7)" href="http://centos.org/bugs"><span>Bugs</span></a> |
| </span> |
| |
| <span class="download"> |
| <a title="CentOS Download (Alt+Shift+D)" href="http://centos.org/download"><span>Download</span></a> |
| </span> |
| |
| </div> |
| |
| <div class="credits"> |
| <p>This wiki is powered by <a href="http://www.moinmoin.org/">MoinMoin</a></p> |
| <p>The CentOS Project</p> |
| </div> |
| |
| <div class="page-line"><hr style="display:none;" /></div> |
| |
| </div> |
| </div> |
| </body> |
| |
| </html> |