James James - 1 month ago 15
HTML Question

How to edit HTML input value colour?

In my input field (text), I have a text which disappears once it is clicked. How can I make this text a shade lighter by editing its colour?

Sorry, the code looks messy, I had to chop it up to show you.

Thanks!

James

<form>
<input type="text" name="search" size="35"
onclick="this.value='';"onfocus="this.select()"
onblur="this.value=!this.value?'Job Title
e.g. Assistant Manager':this.value;"
value="Job Title e.g. Assistant Manager"
style="background-color:white; border:
solid 1px #6E6E6E; height: 30px; font-size:18px;
vertical-align:9px"/>

<input type="text" name="searchterm" size="35"
style="background-color:white; border: solid 1px #6E6E6E;
height: 30px; font-size:18px; vertical-align:9px"/>

<input type="image" src="but.tiff" alt="Submit" width="60">
</form>

Answer

Maybe something like this (just add your style):

<input type="text" 
       size="35" 
       value="Job Title e.g. Assistant Manager" 
       style="background-color:white; 
              border: solid 1px #6E6E6E;
              height: 30px; 
              font-size:18px; 
              vertical-align:9px;color:#bbb" 
        onfocus="if(this.value == 'Job Title e.g. Assistant Manager') {
                    this.value = '';
                    this.style.color='#000';
                 }" />

<input type="text" 
       name="searchterm" size="35" 
       style="background-color:white; 
              border: solid 1px #6E6E6E;
              height: 30px; 
              font-size:18px; 
              vertical-align:9px" />