HTML-FormFu
view release on metacpan or search on metacpan
examples/vertically-aligned-css/vertically-aligned.html view on Meta::CPAN
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Vertically Aligned</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="all">
@import "vertically-aligned.css";
</style>
<!--[if IE]>
<style type="text/css" media="all">
@import "vertically-aligned-ie.css";
</style>
<![endif]-->
</head>
<body>
<form action="" enctype="multipart/form-data" id="form" method="post">
<fieldset>
<legend>A fieldset</legend>
<input name="h1" type="hidden" id="h1" />
<div class="text label">
<label for="t1">a Text element</label>
<input name="t1" type="text" id="t1" />
</div>
<div class="text comment label">
<label for="t2">another, with a comment</label>
<input name="t2" type="text" id="t2" />
<span class="comment">
comment here!
</span>
</div>
<div class="text comment">
<input name="t3" type="text" id="t3" />
<span class="comment">
another with no label
</span>
</div>
<div class="password label">
<label for="p1">a Password element</label>
<input name="p1" type="password" id="p1" />
</div>
<div class="file label">
<label for="f1">a File element</label>
<input name="f1" type="file" id="f1" />
</div>
<div class="textarea label">
<label for="ta1">a Textarea element</label>
<textarea name="ta1" cols="40" id="ta1" rows="3"></textarea>
</div>
<div class="fullwidth textarea label">
<label for="ta2">another, styled fullwidth</label>
<textarea name="ta2" cols="40" id="ta2" rows="20"></textarea>
</div>
<div class="select label">
<label for="s1">a Select element</label>
<select name="s1" id="s1">
<option value="one">One</option>
<option value="two">Two</option>
<option value="three">Three</option>
</select>
( run in 0.576 second using v1.01-cache-2.11-cpan-acebb50784d )