I can’t show you any sites with standalone forms ’cause I don’t know of any but I can show you a simple form I set up:
Code:
<!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" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<style type="text/css">
input, select, textarea {vertical-align: middle;}
form div {
border: 1px solid red;
clear: both;
}
label {
float: left;
clear: left;
}
label[for], label[htmlFor] {float: none;}
label[for]:after, label[htmlFor]:after, form div span:after {content: ":";}
input[type=text], textarea, form div span, select {
display: block;
margin-bottom: 10px;
}
form div span {margin-bottom: 0;}
</style>
</head>
<body>
<div id="container">
<form action="" method="get">
<fieldset>
<legend>CSS Form</legend>
<div>
<label for="textinp">Text Input Label</label>
<input id="textinp" type="text" />
</div>
<div>
<label for="select">Select Label</label>
<select id="select">
<option value="">Option</option>
</select>
</div>
<div>
<span>Choose one</span>
<label><input type="radio" name="radio" /> Yes</label>
<label><input type="radio" name="radio" /> No</label>
</div>
<div>
<label for="textarea">Textarea</label>
<textarea id="textarea" cols="30" rows="5"></textarea>
</div>
<div class="submit">
<input type="submit" value="Submit" />
</div>
</fieldset>
</form>
</div>
</body>
</html>
Usually I’m using sections of divs to group the form control and its respective label. You can then apply CSS to your liking to move things around and whatever.