How do I make the text in a text box disappear when I click on it?


Staff member
The part that says "Get notified when its ready via email" is the text in question. I am using the WP Maintenance Mode plugin <a href="" rel="nofollow"></a> for this page on my Wordpress site. You can see the text box on my website <a href="" rel="nofollow"></a>.

&lt;div class="subscribe_wrapper" style="min-height: 100px;"&gt;
  &lt;form class="subscribe_form" novalidate="novalidate"&gt;
    &lt;input type="text" placeholder="Get notified when it is ready via email" name="email" class="email_input" data-rule-required="true" data-rule-email="true" aria-required="true"&gt;
    &lt;input type="submit" value="Submit"&gt;

<pre class="lang-css prettyprint-override">
.wrap form.subscribe_form input[type="text"] {
  text-align: center;
  font-family: 'Myriad Pro';
  padding: 11px 10px 10px 0;
  width: 388px;
  padding-top: 16px