UI changes for value attributes

danbentley · Jun 7, 2011 · 25e5c1d · 25e5c1d
1 parent d3c29b2
commit 25e5c1d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/css/style.css b/css/style.css
@@ -73,4 +73,10 @@ This is the best bit!
 	-moz-box-shadow:0 0 5px #0a0, 0 0 5px rgba(0,0,0,0.25) inset;
 	-webkit-box-shadow:0 0 5px #0a0, 0 0 5px rgba(0,0,0,0.25) inset;
 	box-shadow:0 0 5px #0a0, 0 0 5px rgba(0,0,0,0.25) inset;
+}
+/*
+If the input has placeholder="" AND value="" darken its appearance to show it is pre-populated and not a form hint.
+*/
+[placeholder][value]{
+	color:#333;
 }
diff --git a/index.html b/index.html
@@ -15,7 +15,7 @@
 
 			<p>
 				<label for="name">Name</label>
-				<input type="text" id="name" name="name" placeholder="Your name" />
+				<input type="text" id="name" name="name" placeholder="Your name" value="Dan Bentley" />
 			</p>
 
 			<p>