Skip to content

Commit

Permalink
redundant textarea removed
Browse files Browse the repository at this point in the history
  • Loading branch information
cstrobbe committed Aug 12, 2017
1 parent 37d0b6a commit d53f206
Showing 1 changed file with 0 additions and 40 deletions.
40 changes: 0 additions & 40 deletions testpage.html
Original file line number Diff line number Diff line change
Expand Up @@ -14,39 +14,6 @@
<meta name="robots" content="noindex, nofollow" />
<meta name="googlebot" content="noindex, nofollow" />
<meta name="author" content="Christophe Strobbe" />
<style type="text/css">
.fortextareahidden { display: block; }
textarea.fortextareahidden { margin-left: 11em; }
label.fortextareahidden { margin-left: 9.5em; text-align: left; }

label[for="Textarea2"] {
width: 40%;
margin-bottom: -1.4em;
/*color: transparent;*/ background-color: transparent;
}

/* Inspired by Chris Coyier's "Float Labels with CSS": https://css-tricks.com/float-labels-css/ */
p#Textarea3Container {
height: 6em;
}
label[for="Textarea3"] {
margin-top: -5em; color: gray; background-color: transparent;
}
textarea#Textarea3:focus + label {
color: white;
margin-top: -1.4em;
}
textarea#Textarea3:focus {
border-bottom: 1.6em solid blue;
margin-bottom: -1.6em;
height: 4em;
resize: none;
}
textarea#Textarea3 {
height: 5.6em;
resize: none;
}
</style>
</head>

<body>
Expand Down Expand Up @@ -164,13 +131,6 @@ <h2>Example Form</h2>
<p><label for="message" class="fortextarea">Textarea:&nbsp;</label>
<textarea cols="70" rows="10" id="message" name="message"></textarea>
</p>
<p><label for="Textarea2" class="fortextareahidden">Textarea2&nbsp;</label>
<textarea class="fortextareahidden" cols="70" rows="5" id="Textarea2" name="Textarea2"></textarea>
</p>
<p id="Textarea3Container">
<textarea class="fortextareahidden" cols="70" rows="5" id="Textarea3" name="Textarea3"></textarea>
<label for="Textarea3" class="fortextareahidden">Textarea3&nbsp;</label>
</p>
</div>
<div class="fieldset buttons">
<p>
Expand Down

0 comments on commit d53f206

Please sign in to comment.