diff --git a/docs/base-css.html b/docs/base-css.html
index cb3bd8b95a..09552ec8bc 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -1196,7 +1196,7 @@ For example, <code>section</code> should be wrapped as inline.
             <label class="control-label" for="prependedInput">Prepended text</label>
             <div class="controls">
               <div class="input-prepend">
-                <span class="add-on">@</span><input class="span2" id="prependedInput" size="16" type="text">
+                <span class="add-on">@</span><input class="span2" id="prependedInput" size="16" type="text" placeholder="Username">
               </div>
               <p class="help-block">Here's some help text</p>
             </div>
diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index 1404a31f02..aaf575b0b7 100644
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -1118,7 +1118,7 @@
             <label class="control-label" for="prependedInput">{{_i}}Prepended text{{/i}}</label>
             <div class="controls">
               <div class="input-prepend">
-                <span class="add-on">@</span><input class="span2" id="prependedInput" size="16" type="text">
+                <span class="add-on">@</span><input class="span2" id="prependedInput" size="16" type="text" placeholder="{{_i}}Username{{/i}}">
               </div>
               <p class="help-block">{{_i}}Here's some help text{{/i}}</p>
             </div>