Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Branch: master
Fetching contributors…

Cannot retrieve contributors at this time

255 lines (250 sloc) 8.307 kB
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js"></script>
<script src="js/flowform.prototype.js" type="text/javascript" charset="utf-8"></script>
<!-- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/flowform.jquery.js" type="text/javascript" charset="utf-8"></script> -->
<link rel="stylesheet" href="css/flowform.css" type="text/css" charset="utf-8">
<link rel="stylesheet" href="css/flowform-buttons.css" type="text/css" charset="utf-8">
</head>
<body>
<form method="post" accept-charset="utf-8" class="flow " style="width:734px">
<div class="row error-message">
<strong>Your submission could not be processed, some required fields are empty or invalid and have been marked in red.</strong>
<ul>
<li>This is some more info</li>
<li>This is even more info</li>
</ul>
</div>
<div class="row confirm-message">
<strong>Your submission was processed successfully.</strong>
</div>
<div class="row">
<div class="cell one">
<label>One</label>
<span class="field"><input type="text"></span>
</div>
<div class="cell one">
<label>One</label>
<span class="field"><input type="text"></span>
</div>
<div class="cell one">
<label>One</label>
<span class="field"><input type="text"></span>
</div>
<div class="cell one">
<label>One</label>
<span class="field"><input type="text"></span>
</div>
<div class="cell one">
<label>One</label>
<span class="field"><input type="text"></span>
</div>
<div class="cell one">
<label>One</label>
<span class="field"><input type="text"></span>
</div>
<div class="cell one">
<label>One</label>
<span class="field"><input type="text"></span>
</div>
<div class="cell one">
<label>One</label>
<span class="field"><input type="text"></span>
</div>
<div class="cell one">
<label>One</label>
<span class="field"><input type="text"></span>
</div>
<div class="cell one">
<label>One</label>
<span class="field"><input type="text"></span>
</div>
<div class="cell one">
<label>One</label>
<span class="field"><input type="text"></span>
</div>
<div class="cell one">
<label>One</label>
<span class="field"><input type="text"></span>
</div>
</div>
<div class="row">
<div class="cell two">
<label>Two</label>
<span class="field"><input type="text"></span>
</div>
<div class="cell two">
<label>Two</label>
<span class="field"><input type="text"></span>
</div>
<div class="cell two">
<label>Two</label>
<span class="field"><input type="text"></span>
</div>
<div class="cell two">
<label>Two</label>
<span class="field"><input type="text"></span>
</div>
<div class="cell two">
<label>Two</label>
<span class="field"><input type="text"></span>
</div>
<div class="cell two">
<label>Two</label>
<span class="field"><input type="text"></span>
</div>
</div>
<div class="row">
<div class="cell three">
<label>Three</label>
<span class="field"><input type="text"></span>
</div>
<div class="cell three">
<label>Three</label>
<span class="field"><input type="text"></span>
</div>
<div class="cell fourth">
<label>Fourth</label>
<span class="field"><input type="text"></span>
</div>
<div class="cell quarter">
<label>Quarter</label>
<span class="field"><input type="text"></span>
</div>
</div>
<div class="row">
<div class="cell four">
<label>Four</label>
<span class="field"><input type="text"></span>
</div>
<div class="cell four">
<label>Four</label>
<span class="field"><input type="text"></span>
</div>
<div class="cell four">
<label>Four</label>
<span class="field"><input type="text"></span>
</div>
</div>
<div class="row">
<div class="cell five error">
<label>Five</label>
<span class="field"><input type="text" value="This cell has the .error class"></span>
</div>
<div class="cell five">
<label>Five</label>
<span class="field"><input type="text"></span>
</div>
<div class="cell two">
<label>Two</label>
<span class="field"><input type="text"></span>
</div>
</div>
<div class="row">
<div class="cell six">
<label><sub>required</sub>Six</label>
<span class="field"><input type="text"></span>
</div>
<div class="cell six">
<label>Six <sup>Additional info</sup></label>
<span class="field"><select><option>Example</option></select></span>
</div>
</div>
<div class="row error">
<div class="cell seven">
<label><sub>required</sub>Seven</label>
<span class="field"><input type="text" value="This row has the .error class"></span>
</div>
<div class="cell five">
<label>Five <sup>Additional info</sup></label>
<span class="field"><input type="text"></span>
</div>
</div>
<div class="row">
<div class="cell eight">
<label>Eight</label>
<span class="field"><textarea></textarea></span>
</div>
<div class="cell four">
<label>Four</label>
<span class="group scroll">
Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Curabitur blandit tempus porttitor.
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec sed odio dui. Curabitur blandit tempus porttitor. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
</span>
</div>
</div>
<div class="row">
<div class="cell nine">
<label>Nine</label>
<span class="field file"><input type="file"></span>
</div>
<div class="cell three">
<label>Three</label>
<span class="field"><input type="password" value="password"></span>
</div>
</div>
<div class="row">
<div class="cell ten">
<label>Ten</label>
<span class="field"><input type="text"></span>
</div>
<div class="cell two">
<label>Two</label>
<span class="field"><input type="text"></span>
</div>
</div>
<div class="row">
<div class="cell eleven">
<label>Eleven</label>
<span class="field"><input type="text"></span>
</div>
<div class="cell one">
<label>One</label>
<span class="field"><input type="text"></span>
</div>
</div>
<div class="row">
<div class="cell twelve">
<label>Twelve</label>
<span class="field"><input type="text"></span>
</div>
</div>
<fieldset class="row">
<legend>This is a group of rows</legend>
<div class="row">
<div class="cell third">
<label>Third</label>
<span class="group">
<label><span>Yes</span><input type="radio" name="radiotog" value="1"></label>
<label><span>No</span><input type="radio" name="radiotog" value="2"></label>
<label><span>Maybe</span><input type="radio" name="radiotog" value="3"></label>
</span>
</div>
<div class="cell third">
<label>Third</label>
<span class="group">
<label><span>Yes</span><input type="checkbox" name="radiotog" value="1"></label>
<label><span>No</span><input type="checkbox" name="radiotog" value="2"></label>
<label><span>Maybe</span><input type="checkbox" name="radiotog" value="3"></label>
</span>
</div>
<div class="cell third">
<label>Third</label>
<span class="outlet">
This is an outlet.
</span>
</div>
</div>
</fieldset>
<hr class="row">
<div class="row submit">
<input type="submit" class="button large darkblue" value="Save Changes">
<input type="submit" class="button red" name="delete" value="Delete" onclick="return confirm('Are you sure you want to delete this item? This cannot be undone.');">
</div>
</form>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.