|
|
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 |
|
|
|
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 |
|
|
|
a62ec6 |
The CentOS Distribution last releases.
|
|
|
fb25eb |
-->
|
|
|
a62ec6 |
|
|
|
a62ec6 |
|
|
|
a62ec6 |
Last Releases:
|
|
|
a62ec6 |
6.0
|
|
|
a62ec6 |
5.8
|
|
|
a62ec6 |
4.12
|
|
|
a62ec6 |
3.18
|
|
|
a62ec6 |
|
|
|
a62ec6 |
|
|
|
a62ec6 |
|
|
|
a62ec6 |
|
|
|
a62ec6 |
|
|
|
a62ec6 |
|
|
|
fb25eb |
|
|
|
fb25eb |
|
|
|
a62ec6 |
|
|
|
a62ec6 |
Application links. Use this section to organize user specific
|
|
|
a62ec6 |
links (e.g., session links, the last pages the user visited,
|
|
|
a62ec6 |
and the main pages the application is made of).
|
|
|
a62ec6 |
-->
|
|
|
a62ec6 |
|
|
|
5f16d0 |
|
|
|
a62ec6 |
|
|
|
a62ec6 |
User links. Use this section to set Login, Register, Lost your
|
|
|
8621d4 |
passwrod?, last vist information and similar information.
|
|
|
a62ec6 |
-->
|
|
|
a62ec6 |
|
|
|
8621d4 |
|
|
|
8621d4 |
Your last visit was at
|
|
|
8621d4 |
Thu Aug 25 14:13:05 CDT 2011
|
|
|
8621d4 |
|
|
|
8621d4 |
|
|
|
8621d4 |
Lost your password?
|
|
|
8621d4 |
Register
|
|
|
8621d4 |
Login
|
|
|
8621d4 |
|
|
|
a62ec6 |
|
|
|
97bb31 |
|
|
|
a62ec6 |
|
|
|
a62ec6 |
User trails. Use this section if your application trails the
|
|
|
a62ec6 |
pages you've visited.
|
|
|
a62ec6 |
-->
|
|
|
a62ec6 |
|
|
|
a62ec6 |
Pagination
|
|
|
a62ec6 |
Lists
|
|
|
a62ec6 |
Headings
|
|
|
a62ec6 |
Links
|
|
|
a62ec6 |
Texts
|
|
|
a62ec6 |
Home
|
|
|
a62ec6 |
|
|
|
5f16d0 |
|
|
|
a62ec6 |
|
|
|
a62ec6 |
Application specific links for content stuff. Use this section
|
|
|
a62ec6 |
to set application specific links that need to remain always
|
|
|
a62ec6 |
visible inside the application environment.
|
|
|
a62ec6 |
-->
|
|
|
5f16d0 |
|
|
|
a62ec6 |
|
|
|
97bb31 |
|
|
|
a62ec6 |
|
|
|
a62ec6 |
href="index.xhtml">Welcome
|
|
|
97bb31 |
|
|
|
a62ec6 |
|
|
|
a62ec6 |
href="headings.xhtml">Headings
|
|
|
97bb31 |
|
|
|
a62ec6 |
|
|
|
a62ec6 |
href="texts.xhtml">Texts
|
|
|
5f16d0 |
|
|
|
a62ec6 |
|
|
|
a62ec6 |
href="lists.xhtml">Lists
|
|
|
5f16d0 |
|
|
|
a62ec6 |
|
|
|
a62ec6 |
href="links.xhtml">Links
|
|
|
5f16d0 |
|
|
|
a62ec6 |
|
|
|
a62ec6 |
href="tables.xhtml">Tables
|
|
|
5f16d0 |
|
|
|
a62ec6 |
|
|
|
a62ec6 |
href="forms.xhtml">Forms
|
|
|
5f16d0 |
|
|
|
a62ec6 |
|
|
|
a62ec6 |
href="pagination.xhtml">Pagination
|
|
|
5f16d0 |
|
|
|
a62ec6 |
|
|
|
5f16d0 |
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
Start page body definitions.
|
|
|
5f16d0 |
-->
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
|
|
|
a62ec6 |
|
|
|
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 |
-->
|
|
|
a62ec6 |
|
|
|
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 |
|
|
|
7519de |
|
|
|
838f5d |
CentOS Forms Visual Style Guide.
|
|
|
4d19ae |
|
|
|
fb25eb |
|
|
|
c362e6 |
|
|
|
fb25eb |
|
|
|
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 |
|
|
|
c362e6 |
|
|
|
c362e6 |
|
|
|
c362e6 |
...
|
|
|
c362e6 |
|
|
|
7519de |
|
|
|
97bb31 |
|
|
|
97bb31 |
The content of left column ends here.
|
|
|
97bb31 |
-->
|
|
|
97bb31 |
|
|
|
97bb31 |
|
|
|
8621d4 |
|
|
|
8621d4 |
|
|
|
97bb31 |
|
|
|
7519de |
|
|
|
5f16d0 |
|
|
|
5f16d0 |
Start page footer definitions.
|
|
|
5f16d0 |
-->
|
|
|
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>
|