cthulhu/test/html/poorly-labeled-form.html

36 lines
686 B
HTML
Raw Permalink Normal View History

<html>
<head>
<style>
div.input label {
display: inline-block;
width: 160px;
margin-bottom: 10px;
}
div.input .inputText {
width: 200px;
}
</style>
</head>
<body>
<div>
<p>Because using the 'for' attribute of labels is just too darned hard....</p>
<div>
<div class="input">
<label>Guess me 1:</label>
<input class="inputText" name="username" id="regUsername" type="text">
</div>
<div class="input">
<label>E-mail:</label>
<input class="inputText" name="email" id="regEmail" type="text">
</div>
<div class="input">
<label>Secret:</label>
<input id="password" class="inputText" name="password" type="password">
</div>
</div>
</form>
</div>
</body>
</html>